# Openclaw Carapace

Build or modify OpenClaw application UI using canonical semantic tokens, themes, shared...

- Repository: https://github.com/openclaw/clawhub (9543 stars)
- Category: Design
- License: MIT
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add openclaw/clawhub --skill openclaw-carapace -g -a claude-code -y`
Codex: `npx skills add openclaw/clawhub --skill openclaw-carapace -g -a codex -y`
Cursor: `npx skills add openclaw/clawhub --skill openclaw-carapace -g -a cursor -y`
Gemini CLI: `npx skills add openclaw/clawhub --skill openclaw-carapace -g -a gemini-cli -y`

## Description

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.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Carapace

Use the shared package for foundations and framework-neutral visual primitives.
Keep consumer-specific behavior, data, routes, and layout composition local.

## Workflow

1. Read [tokens.md](references/tokens.md) before choosing colors, spacing, type, radii, or shadows.
2. Read [consumer-adapters.md](references/consumer-adapters.md) for the current framework.
3. Read [application-surfaces.md](references/application-surfaces.md) when working on shells, panes, settings, or operational screens.
4. Read [terminal-ui.md](references/terminal-ui.md) when designing or auditing a terminal interface.
5. Read [embedded-surfaces.md](references/embedded-surfaces.md) when the surface renders inside a host frame, such as an MCP app.
6. Inspect the consumer's existing shared primitives before creating a component.
7. Use semantic tokens for UI intent; use palette primitives only for documented exceptions.
8. Keep application behavior, routes, and information architecture unchanged unless the task says otherwise.
9. Validate the affected routes with existing tests and real browser screenshots.

## Interface Rules

The rest: https://github.com/openclaw/clawhub/blob/HEAD/.agents/skills/openclaw-carapace/SKILL.md