design-tokens
π―Skillfrom phrazzld/claude-config
Generates design tokens using Tailwind CSS 4 @theme, creating semantic, brand-consistent color systems, typography, and spacing with OKLCH colors and dark mode support.
Part of
phrazzld/claude-config(177 items)
Installation
npx skills add https://github.com/phrazzld/claude-config --skill design-tokensNeed more details? View full documentation on GitHub β
More from this repository10
pencil-to-code skill from phrazzld/claude-config
pencil-renderer skill from phrazzld/claude-config
Enforces opinionated UI development constraints, delegating implementation to Kimi and ensuring accessible, performant frontend design.
Provides comprehensive web design guidelines and best practices for creating user-friendly, accessible, and visually appealing websites.
Systematically reviews code changes against comprehensive quality, design, security, and performance criteria in under 5 minutes.
browser-extension-dev skill from phrazzld/claude-config
Automates comprehensive LLM testing through prompt evaluation, regression detection, security scanning, and CI/CD integration using Promptfoo.
Enforces Python coding standards and best practices through automated linting and style checks in Claude's development workflow.
llm-gateway-routing skill from phrazzld/claude-config
Channels expert personas like Carmack or Torvalds to ruthlessly critique code, design, and plans through their unique technical perspectives.