Openclaw Design System
Compatibility alias for existing OpenClaw installations that now applies Carapace...
Install
npx skills add openclaw/clawhub --skill openclaw-design-system -g -a claude-code -y- Repository
- openclaw/clawhub9.5k
- Category
- Design
- Updated
- 3d ago
- License
- MIT
- Context cost
- Lightabout 599 tokens
- Runs scripts
- No, instructions only
What it does
Compatibility alias for existing OpenClaw installations that now applies Carapace semantic tokens, themes, shared CSS foundations, consumer adapters, and established local primitives.
Carapace Compatibility Alias
This skill identifier remains available for existing skills-lock.json
entries during the v0.1.x migration. New installations should use
openclaw-carapace.
Use the shared package for foundations and framework-neutral visual primitives.
Keep consumer-specific behavior, data, routes, and layout composition local.
Before changing imports, inspect the consumer manifest: use
@openclaw/carapace when it is installed, otherwise preserve the legacy
@openclaw/design-system specifier until the dependency is migrated.
Workflow
- Read tokens.md before choosing colors, spacing, type, radii, or shadows.
- Read consumer-adapters.md for the current framework.
- Inspect the consumer's existing shared primitives before creating a component.
- Use semantic tokens for UI intent; use palette primitives only for documented exceptions.
- Keep application behavior, routes, and information architecture unchanged unless the task says otherwise.
- Validate the affected routes with existing tests and real browser screenshots.
