{"id":51562370,"url":"https://github.com/openclaw/design-system","last_synced_at":"2026-07-15T17:00:59.068Z","repository":{"id":370621746,"uuid":"1294320184","full_name":"openclaw/design-system","owner":"openclaw","description":"Canonical web design tokens, styles, and agent guidance for OpenClaw","archived":false,"fork":false,"pushed_at":"2026-07-13T14:55:27.000Z","size":1295,"stargazers_count":3,"open_issues_count":4,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-07-13T15:23:23.095Z","etag":null,"topics":["agent-skills","carapace","css","openclaw","tailwindcss"],"latest_commit_sha":null,"homepage":"https://carapace.design","language":"Python","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/openclaw.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":"AGENTS.md","dco":null,"cla":null},"funding":{"github":["moltbot"]}},"created_at":"2026-07-08T22:17:06.000Z","updated_at":"2026-07-13T14:57:18.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/openclaw/design-system","commit_stats":null,"previous_names":["openclaw/design-system"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/openclaw/design-system","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/openclaw%2Fdesign-system","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/openclaw%2Fdesign-system/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/openclaw%2Fdesign-system/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/openclaw%2Fdesign-system/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/openclaw","download_url":"https://codeload.github.com/openclaw/design-system/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/openclaw%2Fdesign-system/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35513418,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-15T02:00:06.706Z","response_time":131,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["agent-skills","carapace","css","openclaw","tailwindcss"],"created_at":"2026-07-10T12:00:19.731Z","updated_at":"2026-07-15T17:00:59.029Z","avatar_url":"https://github.com/openclaw.png","language":"Python","funding_links":["https://github.com/sponsors/moltbot"],"categories":[],"sub_categories":[],"readme":"# OpenClaw Design System\n\nCanonical web design tokens, shared CSS foundations, and agent guidance for\nOpenClaw public sites and products.\n\nThe initial contract was extracted from `openclaw/openclaw.ai` at\n`b94b43b24f728c902ebb4c09ca3f89aa21e4f1d5` and checked against\n`openclaw/clawhub` at `0e898b1dfd309728a031416cd57fa1262af0d064` and\n`openclaw/docs` at `2a10e88b244232f9a91d7c9a97f2816297eb2eb4`.\nThis repository became canonical with `v0.0.1`. Latest tagged release:\n`v0.0.1`.\n\n## Install\n\nInstall an immutable GitHub release without publishing to npm:\n\n```bash\nbun add \"git+https://github.com/openclaw/design-system.git#v0.0.1\"\n```\n\nThe package is distributed through immutable Git tags rather than npm. Its\n`private` package field prevents accidental npm publication; it does not limit\naccess to this public repository.\n\nImport the complete CSS contract:\n\n```css\n@import \"@openclaw/design-system\";\n```\n\nConsumers can instead import focused entry points:\n\n```css\n@import \"@openclaw/design-system/tokens.css\";\n@import \"@openclaw/design-system/themes.css\";\n@import \"@openclaw/design-system/typography.css\";\n@import \"@openclaw/design-system/base.css\";\n@import \"@openclaw/design-system/components.css\";\n@import \"@openclaw/design-system/themes/product.css\";\n@import \"@openclaw/design-system/compat/clawhub.css\";\n@import \"@openclaw/design-system/tailwind.css\";\n```\n\nThe Tailwind entry point only maps canonical custom properties into Tailwind\n4. Applications continue to own their components and product-specific layout.\nThe product theme and ClawHub compatibility entry points are transitional,\nopt-in adapters rather than a second design system.\n\n`components.css` provides framework-neutral primitives for shared heroes,\nsection headings, cards, actions, pills, and segmented controls. Consumers keep\ntheir own content and behavior while composing the same visual implementation:\n\n```html\n\u003csection class=\"oc-section\"\u003e\n  \u003cheader class=\"oc-section-header\"\u003e\n    \u003cdiv class=\"oc-section-heading\"\u003e\n      \u003cp class=\"oc-eyebrow\"\u003eFeatured\u003c/p\u003e\n      \u003ch2 class=\"oc-section-title\"\u003eBuild with OpenClaw\u003c/h2\u003e\n      \u003cp class=\"oc-section-copy\"\u003eShared copy and surface styling across products.\u003c/p\u003e\n    \u003c/div\u003e\n    \u003ca class=\"oc-action oc-action-secondary\" href=\"/skills\"\u003eBrowse skills\u003c/a\u003e\n  \u003c/header\u003e\n\u003c/section\u003e\n```\n\nOpenClaw surfaces and controls use square corners by default. Use the semantic\n`--oc-radius-surface`, `--oc-radius-control`, and `--oc-radius-inset` roles\ninstead of choosing from the raw radius scale. Reserve `--oc-radius-round` for\ngenuinely circular avatars, status dots, and similar indicators.\n\n## Skills\n\nInstall all five project skills from the repository's moving default branch:\n\n```bash\nnpx skills@1.5.15 add \\\n  \"openclaw/design-system\" \\\n  --skill \\\n    openclaw-design \\\n    openclaw-brand \\\n    openclaw-design-system \\\n    openclaw-marketing-pages \\\n    openclaw-design-audit \\\n  --agent codex \\\n  --copy \\\n  --yes\n```\n\nRefresh every project skill recorded in `skills-lock.json`, including these\ndesign skills, with the standard updater:\n\n```bash\nnpx skills@1.5.15 update --project --yes\n```\n\nThe `openclaw-design` router skill routes work to:\n\n- `openclaw-brand`\n- `openclaw-design-system`\n- `openclaw-marketing-pages`\n- `openclaw-design-audit`\n\nAll five skills live in sibling top-level directories so the skills CLI can\ndiscover and update the complete set without repository-specific flags.\n\n## Development\n\n```bash\nbun install\nbun run check\n```\n\nRuntime assets ship under a semantic Git tag and GitHub Release. A release tag\nmust match the version in `package.json`. Agent guidance follows the repository\ndefault branch so consumer repositories can use the standard skills updater.\n\nFont binaries, logos, mascot artwork, and site-specific media are not included.\nConsumers must load licensed assets locally.\n\n## Preview\n\nRun the design-system reference surface locally:\n\n```bash\nbun run preview:dev\n```\n\nBuild the static preview:\n\n```bash\nbun run preview:build\n```\n\nThe Pages workflow is ready for `https://openclaw.github.io/design-system/`.\nPublic deployment remains deferred while organization policy keeps this\nrepository private.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fopenclaw%2Fdesign-system","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fopenclaw%2Fdesign-system","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fopenclaw%2Fdesign-system/lists"}