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.
Installation and usage
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.
安裝後，您可以通過在終端運行以下命令來使用此技能：
skills use frontend-css