home/skills/infrastructure/design-system-patterns

Design System Patterns

ClawHub

Foundational design system architecture — token hierarchies, theming infrastructure, token pipelines, and governance. Use when creating design tokens, implementing theme switching, setting up Style Dictionary, or establishing multi-brand theming. Triggers on design tokens, theme provider, Style Dictionary, token pipeline, multi-brand theming, CSS custom properties architecture.

skillInfrastructurename-servicesclawhubSource →
designtokenthemingsystemarchitecturetokensthemestyledictionarymulti-brand
# Design System Patterns

Foundational design system architecture — token hierarchies, theming infrastructure, token pipelines, and governance. Use when creating design tokens, implementing theme switching, setting up Style Dictionary, or establishing multi-brand theming. Triggers on design tokens, theme provider, Style Dictionary, token pipeline, multi-brand theming, CSS custom properties architecture.

## Discovery Metadata
- Category: `infrastructure`
- Framework: `ClawHub`
- Tags: `design`, `token`, `theming`, `system`, `architecture`, `tokens`, `theme`, `style`, `dictionary`, `multi-brand`

## Agent Execution Policy

This listing is **discovery metadata only**. Canonical instructions are maintained by ClawHub.

### Before Executing Actions

1. **Fetch canonical instructions** from: https://clawhub.ai/skill/design-system-patterns
2. **Parse the skill page** for setup, usage, and input/output requirements.
3. **Only proceed** after successfully loading and understanding the full instructions.

### If Fetch Fails

- Return `instruction_unavailable` with reason.
- Do **not** attempt to infer or improvise execution steps from this metadata alone.

## Source

- ClawHub listing: https://clawhub.ai/skill/design-system-patterns
🧪 Found this useful?
The $SKILL experiment is building the agent skill distribution layer. Every skill you discover through this directory is part of the experiment.