Tailwind skills

This skill helps you manage and apply shadcn/ui components and presets across projects, providing docs, usage examples, and consistent styling.

This skill helps you create and modify Next.js pages, React components, and Tailwind styles following Swiss International Style.

This skill helps you rapidly scaffold and preview React Email templates for transactional emails across clients.

This skill analyzes and refactors layouts to create intentional rhythm, improving spacing, hierarchy, and visual balance for polished interfaces.

This skill helps you build UI with Flux UI Pro components in Laravel Livewire, replacing HTML elements and accelerating component-driven interfaces.

This skill enforces the default shadcn/ui Neutral theme across components, ensuring consistent OKLCH-based styling and seamless dark mode support.

This skill scaffolds a production-ready fullstack app by collecting requirements and generating a React frontend with Vite Tailwind and Express MongoDB backend.

This skill turns ideas into live, design-aware full-stack apps with editable code, built-in data, hosting, and brand-consistent UI.

This skill reads Figma files, extracts design tokens, generates React Native Expo TS or Web React + Tailwind code, and diffs patches.

This skill helps you generate production-grade static sites from text requirements using React, Tailwind, and shadcn/ui for bold, responsive designs.

This skill helps you ship a working web app from idea to public deployment in one session, handling validation, stack choice, build, and deploy.

This skill helps you craft distinctive design systems by documenting aesthetics, tokens, typography, and motion for memorable, cohesive interfaces.

This skill helps build engaging financial dashboards by animating numbers with spring physics, formatting, and change feedback.

This skill guides you through creating a distinctive design system, from aesthetic foundation to tokens, components, and motion, boosting consistency and speed.

This skill converts long text into elegant 3:4 Xiaohongshu style cards with AI layout for ready-to-share visuals.

This skill helps you customize the visual theme of your Orderly DEX by applying CSS variables, fonts, and TradingView styles.

This skill translates design mockups from Figma/Sketch into pixel-accurate frontend code with responsive layouts and design token alignment.

This skill helps you rapidly build trading UIs using pre-built Orderly components, boosting speed and consistency across dashboards.

This skill generates a complete, responsive 5-page React site for local businesses using Vite, Tailwind, Framer Motion, and React Router.

This skill helps AI agents generate images and videos from JSX Tailwind templates using the loopwind CLI, enabling fast templated outputs within your projects.

This skill helps you design and implement polished frontend UI/UX for pages, dashboards, and apps with best-practice guidelines.