openclaw-design
Skill76 starsChanged 27 days agoMITView on GitHub
Route OpenClaw design work to canonical brand, Carapace product-interface, marketing-page, or design-audit guidance. Use when a task touches OpenClaw visual identity, shared CSS tokens, product UI, public web pages, or Carapace compliance.
We split this skill into the rules it gives an agent
6 rules. About 0 are common, 6 are distinctive, and 0 are very specific to this project.
≈0
Common · estimate
Many files like this have a rule of this kind.
≈6
Distinctive · estimate
This author's own choices. Worth a look.
0
Very specific
Tied to their project's names, files or tools. Probably skip.
- Common
- Distinctive
- Very specific
- Distinctive: line 29
Keep runtime CSS pinned to a semantic release tag.
- Distinctive: line 30
Prefer semantic tokens over raw palette values.
- Distinctive: line 31
Keep product-specific components and layouts in their consumer repository.
- Distinctive: line 32
Add shared implementation only after at least two consumers demonstrate the same interface.
- Distinctive: line 35
Check both light and dark themes where the consumer supports them.
- Distinctive: line 36
Do not redistribute fonts, logos, or artwork without recorded permission.
≈ “Common” is an estimate: at least 1 in 5 of the 308,232 skill files we read have a rule of the same kind, not the same words. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.
Files
OpenClaw Design
Choose one focused branch before changing an interface. Load multiple branches only when the task genuinely crosses them.
| Skill | Use for |
openclaw-brand | Identity decisions, typography, logos, imagery, voice, and non-product brand artifacts |
openclaw-carapace | Application UI, semantic tokens, themes, component reuse, and framework adapters |
openclaw-design-system | Compatibility alias for projects upgrading an existing skill lock |
openclaw-marketing-pages | Public-page composition, landing/content pages, navigation, SEO, and responsive layout |
openclaw-design-audit | Design drift, token misuse, component substitution, accessibility, and recurring audits |
For a public website change, start with openclaw-marketing-pages and add
openclaw-brand only when the task changes identity, logo, imagery, typography,
or voice. For a product application, start with openclaw-carapace when it is
installed. Projects upgrading an existing lock may use
openclaw-design-system as the v0.1.x compatibility alias.
Shared Contract
- Install agent guidance from this repository's default branch and refresh it with
npx skills@1.5.16 update --project --yes. - Keep runtime CSS pinned to a semantic release tag.
- Prefer semantic tokens over raw palette values.
- Keep product-specific components and layouts in their consumer repository.
- Add shared implementation only after at least two consumers demonstrate the same interface.
- Preserve consumer behavior while changing the visual foundation.
- Validate rendered pages in a real browser at desktop and mobile sizes.
- Check both light and dark themes where the consumer supports them.
- Do not redistribute fonts, logos, or artwork without recorded permission.
Trending
Steady: 0 new projects took it in the last 4 weeks, none the 4 weeks before.thin data
Other versions4 projects use a version of this.
Word for word · 3
- openclaw/clawhub★ 9.5k100% same
- clawdbot/clawdhub★ 9.5k100% same
- moltbot/molthub★ 9.5k100% same
Edited · 1
- openclaw/carapace★ 787% same
Wrote their own version · 0
None found.
How matches are found. Word for word: the exact same text. Edited: shares passages with this file (“99% same” means 99% of its five-word phrases also appear here; 10% or more counts). Their own version: similar meaning, or, weakest, the same name. We can’t tell which project had it first. Projects are counted among the 200 most-starred candidates, and mentions are links to the repository we found, up to 50 per site, so both counts are a floor.
In this repository8 other files it gives its agents.
- AGENTS.mdAGENTS.md
- autoreviewSkill
- crabboxSkill
- openclaw-brandSkill
- openclaw-carapaceSkill
- openclaw-design-auditSkill
- openclaw-design-systemSkill
- openclaw-marketing-pagesSkill
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.