💻Development
28
97

shadcn-layouts

Generate correct shadcn/Tailwind layouts by applying CSS mental models. This skill should be used when the user asks to 'create a shadcn layout', 'fix layout issues', 'debug CSS height problems', 'make scrolling work', or has issues with Tailwind flex/grid. Keywords: shadcn, Tailwind, layout, CSS, flex, grid, height, scroll, overflow.

#frontend#code-generation#shadcn#tailwindcss#layout
Share
Quick Install
>_npx skills add jwynia/agent-skills
Documentation
Loading documentation...
Repository
Repositoryjwynia/agent-skills
Stars28
Last UpdatedFeb 24, 2026
Related Skills
98,200
1,664

remotion-best-practices

Best practices for creating videos with React and Remotion.

remotion-dev
remotion-dev/skills
85,870
22,258

vercel-react-best-practices

Provides React and Next.js performance optimization guidelines from Vercel Engineering.

vercel-labs
vercel-labs/agent-skills
17,885
22,258

vercel-composition-patterns

A skill for applying React composition patterns that scale, useful for refactoring components and building flexible libraries.

vercel-labs
vercel-labs/agent-skills
13,500
55,506

systematic-debugging

A skill for systematic debugging to identify and resolve bugs or unexpected behaviors before proposing fixes.

obra
obra/superpowers
13,370
22,258

vercel-react-native-skills

Best practices for React Native and Expo app development, focusing on performance and native module integration.

vercel-labs
vercel-labs/agent-skills