tailwind-design-system
Installation
SKILL.md
Tailwind Design System
Design tokens, components, and responsive patterns for Tailwind CSS 4 with accessibility in mind.
When to Use
- Building a new design system or component library with Tailwind CSS 4
- Refactoring UI to standardize patterns and tokens
- Auditing and improving responsive behavior and accessibility
Inputs to Gather
- Product goals and brand constraints
- Target platforms and browsers
- Existing UI patterns or components to migrate
- Required breakpoints and density targets
- Accessibility requirements (default: best effort)
Steps
Related skills
More from itsjavi/vani
vani-spa-setup
Create a minimal Vani SPA root with explicit updates
8vani-jsx-setup
Configure and use JSX with Vani while keeping runtime behavior explicit
8vani-scheduling
Schedule explicit updates with microtasks and transitions
8vani-spa-app
Updates Vani SPA app UI in src/spa-app, especially the landing page/homepage and landing examples.
8vani-ssr-hydration
Implement SSR, hydration, and selective activation with Vani
8vani-async-client-only
Use async components, fallbacks, and client-only islands
8