Openclaw Carapace
Build or modify OpenClaw application UI using canonical semantic tokens, themes, shared...
Install
npx skills add openclaw/clawhub --skill openclaw-carapace -g -a claude-code -y- Repository
- openclaw/clawhub9.5k
- Category
- Design
- Updated
- 3d ago
- License
- MIT
- Context cost
- Lightabout 626 tokens
- Runs scripts
- No, instructions only
What it does
Build or modify OpenClaw application UI using canonical semantic tokens, themes, shared CSS foundations, consumer adapters, and established local primitives. Use for product interfaces, component styling, theme work, or design-token integration.
Carapace
Use the shared package for foundations and framework-neutral visual primitives. Keep consumer-specific behavior, data, routes, and layout composition local.
Workflow
- Read tokens.md before choosing colors, spacing, type, radii, or shadows.
- Read consumer-adapters.md for the current framework.
- Read application-surfaces.md when working on shells, panes, settings, or operational screens.
- Read terminal-ui.md when designing or auditing a terminal interface.
- Read embedded-surfaces.md when the surface renders inside a host frame, such as an MCP app.
- 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.
