frontend-css

Write Tailwind CSS v3 styles following the project's design system with custom preset, CSS variables, and terminal-themed design tokens. Use this skill when styling React components with Tailwind utility classes, using the custom Tailwind preset from @imkdw-dev/ui, working with CSS variables for theming (--background, --foreground, --primary, etc.), implementing dark mode with the .dark class, applying terminal or code syntax colors, using custom animations (fade-in, slide-up, terminal-blink), working with the @tailwindcss/typography plugin for prose content, or configuring Tailwind in tailwind.config.ts. This includes files in packages/ui/src/tokens/, packages/ui/src/styles/, any *.tsx file with className attributes, and tailwind.config.ts. Apply when adding styles to components, customizing the design system, or troubleshooting Tailwind class conflicts.

Key Features

• Comprehensive skill evaluation and performance tracking
• Community-driven ratings and reviews
• Easy integration with Claude Code
• Regular updates and maintenance

Quick Start

TopRank Skills install imkdw/frontend-css