Tailwindcss Advanced Design Systems

josiahsiegel/claude-plugin-marketplace/plugins/tailwindcss-master/skills/tailwindcss-advanced-design-systems

by josiahsiegel5a1b1123b9e5No license58 starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 3 months ago

Tailwind CSS advanced design systems with design tokens and @theme configuration. PROACTIVELY activate for: (1) building a design system on Tailwind v4, (2) @theme directive and CSS-first configuration, (3) custom color scales (50-950) and semantic tokens, (4) typography scales and fluid type with clamp(), (5) spacing tokens and 8pt grids, (6) shadow systems, radius tokens, motion tokens, (7) light/dark mode tokens via @theme, (8) Figma to Tailwind token sync, (9) design-token tooling (Style Dictionary, Tokens Studio), (10) per-brand theming. Provides: @theme configuration templates, semantic-token naming conventions, fluid-type calculator, design-token sync workflow, and multi-brand theming patterns.

Only the file list is public. File contents are available once the skill is installed in a workspace.

PathSizeType
SKILL.md15.7 KBtext/markdown

Source and attribution

Source:josiahsiegel/claude-plugin-marketplaceinplugins/tailwindcss-master/skills/tailwindcss-advanced-design-systemsat commit5a1b112

License: No license

Content belongs to its original authors. SourceWeft indexes it from a public repository.

Report or request removal