Shadcn Layouts
jwynia/agent-skills/skills/tech/frontend/design/shadcn-layoutsby jwyniae02ec7e226a6MIT168 starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 7 months ago
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.
- e02ec7e226a6Currentcommit e02ec7ePublished Oct 8, 2026
Source and attribution
Source:jwynia/agent-skillsinskills/tech/frontend/design/shadcn-layoutsat commite02ec7e
License: MIT
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from jwynia/agent-skills
Godot Best Practices
jwynia
Guides AI agents in writing Godot 4.x GDScript code following naming, typing, scene, and architecture best practices.
System Design
jwynia
Diagnoses software system design problems and guides solo developers through architecture decisions, component maps and walking skeletons.
Task Decomposition
jwynia
Breaks large development tasks into smaller, estimable, independently deliverable units using diagnostic states and decomposition patterns.
Requirements Analysis
jwynia
Diagnoses requirements problems in software projects and guides discovery of real needs, constraints and scope.
Code Review
jwynia
Structured guidance for reviewing code, covering defects, quality, security and review process.
Voice Analysis
jwynia
Extracts and documents a writer's distinctive voice patterns into a reusable voice guide for consistent reproduction.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.