Shadcn skills

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

This skill generates a production-ready React TSX component from natural language UI goals, orchestrating frontend-design-ultimate, shadcn-ui, and react-expert.

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

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

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 design and implement polished frontend UI/UX for pages, dashboards, and apps with best-practice guidelines.

This skill helps you discover, install, and customize shadcn/ui components in your project with best practices and zero runtime overhead.

This skill helps you create AI Elements interface components following shadcn/ui patterns and Vercel AI SDK conventions for rapid integration.

This skill helps you implement checkout sessions for Flowglad subscriptions and products, including upgrade buttons, redirects, and pricing display.

This skill renders declarative UI widgets from JSON for React/Next.js, enabling dynamic forms, cards, and interactive layouts from agent responses.

This skill helps you build polished chat UIs in React/Next.js by providing reusable blocks for messages, input, and typing indicators.

This skill helps you build accessible, design-faithful React and Next.js UI using shadcn/ui, server components, and design tokens for performance.

This skill helps you build production-quality Rails UIs with maquina_components, using Tailwind and data attributes to ensure consistent, accessible interfaces.

This skill guides you through setting up shadcn/ui, installing components, and building accessible, Tailwind-styled React UI patterns.

This skill helps you generate correct shadcn/Tailwind layouts by applying CSS layout mental models to ensure scrolling, height, and grid correctness.

This skill helps you build consistent Tailwind CSS themed UIs using shadcn/ui patterns, semantic tokens, and responsive dark mode across components.

This skill helps you integrate Tool UI components into React apps quickly by discovering, installing, scaffolding, and validating runtime wiring.

This skill helps you build accessible, themeable React UI with shadcn/ui and TanStack Form, accelerating component, form, and dialog development.

This skill helps you build and validate complex TanStack Form UIs in Next.js 16 with server actions, Zod, and shadcn integration.

This skill helps you generate cohesive UI components using Gemini Design, 21st.dev inspiration, and shadcn/ui with animated, accessible results.

This skill helps you implement multi-style components using CVA variants (glass, outline, flat) with dark mode and hover states.