Generate accessible React/Next.js UI components with Server Components and Tailwind styling.
npx skills add https://github.com/TimeKast/AgendaInteligente --skill ui-timekast
Please help me install this Agent Skill. Skill: ui Source: https://github.com/TimeKast/AgendaInteligente/tree/main/.agent/skills/domains/ui Command: npx skills add https://github.com/TimeKast/AgendaInteligente --skill ui-timekast
It solves the difficulty of building consistent, accessible React/Next.js UI components quickly without bloated client code or fragile styles.
Use cases: creating feature components in a Next.js App Router app, implementing forms with React Hook Form + Zod, designing interactive tables with predictable client/server state, and adding loading states using Suspense skeletons.
Ask the AI to generate an accessible Next.js App Router UI component using shadcn/ui primitives and Tailwind classes, defaulting to a Server Component and adding 'use client' only where interactivity requires it.
High-intent search queries and answers about installing and using this skill.
Build accessible React forms in Next.js using React Hook Form with Zod schema validation, styling inputs with Tailwind utility classes and shadcn/ui primitives, while enforcing accessible interaction patterns and human-readable error messaging.
Yes, you can use Tailwind and shadcn-ui to create interactive tables with predictable client and server state. The approach applies composition-first UI patterns to maintain consistent, accessible behavior without fragile styles.
The best way to add loading skeletons in a Next.js App Router is generating Suspense-bound skeleton components using Tailwind-first styling. This maintains visual consistency while waiting for Server Component data to resolve.
No, you do not need 'use client' for every dialog and toast. You should default to Server Components and only apply 'use client' where interactivity requires state, effects, or browser APIs, while still enforcing ARIA-friendly UI patterns.
netprtonyAutomate shadcn/ui component setup and usage in React and Next.js projects.
bybren-llcStandardize Next.js App Router frontend patterns with Clerk, shadcn/Radix UI, and PostHog analytics.
hopeovertureGenerate React forms with React Hook Form, Zod validation, and shadcn/ui controls.
MajesteitBartBuild accessible React UI components with shadcn-ui, Tailwind CSS, and Radix UI.
