🎯

design-tokens

🎯Skill

from phrazzld/claude-config

What it does

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)

design-tokens

Installation

Quick InstallInstall with npx

npx skills add https://github.com/phrazzld/claude-config --skill design-tokens

Need more details? View full documentation on GitHub →

4Installs

AddedFeb 4, 2026

View on GitHub Back to Skills

More from this repository10

🎯

pencil-to-code🎯Skill

pencil-to-code skill from phrazzld/claude-config

🎯

pencil-renderer🎯Skill

pencil-renderer skill from phrazzld/claude-config

🎯

ui-skills🎯Skill

Enforces opinionated UI development constraints, delegating implementation to Kimi and ensuring accessible, performant frontend design.

🎯

web-design-guidelines🎯Skill

Provides comprehensive web design guidelines and best practices for creating user-friendly, accessible, and visually appealing websites.

🎯

code-review-checklist🎯Skill

Systematically reviews code changes against comprehensive quality, design, security, and performance criteria in under 5 minutes.

🎯

browser-extension-dev🎯Skill

browser-extension-dev skill from phrazzld/claude-config

🎯

llm-evaluation🎯Skill

Automates comprehensive LLM testing through prompt evaluation, regression detection, security scanning, and CI/CD integration using Promptfoo.

🎯

python-standards🎯Skill

Enforces Python coding standards and best practices through automated linting and style checks in Claude's development workflow.

🎯

llm-gateway-routing🎯Skill

llm-gateway-routing skill from phrazzld/claude-config

🎯

critique🎯Skill

Channels expert personas like Carmack or Torvalds to ruthlessly critique code, design, and plans through their unique technical perspectives.