{"_id":"@arcana-ui/claude-design-pack","name":"@arcana-ui/claude-design-pack","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@arcana-ui/claude-design-pack","version":"0.1.0","description":"14 token-driven design systems shipped as DESIGN.md files for Claude Design's Add assets flow.","license":"MIT","type":"module","main":"./manifest.claude-design.json","exports":{".":"./manifest.claude-design.json","./manifest.claude-design.json":"./manifest.claude-design.json","./presets/*.md":"./presets/*.md"},"scripts":{"regenerate":"tsx scripts/regenerate.ts","regenerate:check":"tsx scripts/regenerate.ts --check"},"devDependencies":{"@arcana-ui/design-md":"workspace:*","@types/node":"^22.10.0","tsx":"^4.19.2","typescript":"^5.6.3"},"engines":{"node":">=18.17.0"},"repository":{"type":"git","url":"git+https://github.com/Arcana-UI/arcana.git","directory":"packages/claude-design-pack"},"homepage":"https://arcana-ui.com/claude-design","keywords":["arcana","claude-design","design-system","design-md","tokens","ai"],"publishConfig":{"access":"public"},"gitHead":"6e8bb73de4ca2c084b74333d6ef9ae387eb5a491","_id":"@arcana-ui/claude-design-pack@0.1.0","bugs":{"url":"https://github.com/Arcana-UI/arcana/issues"},"_nodeVersion":"25.6.1","_npmVersion":"11.11.1","dist":{"integrity":"sha512-ypZlKMG96WhuLeDqh5H/N21KgW2fEC5GO/vI2aTfYRSRCFeZtFX1elvhomoVIIx3LTN4ZpV3Qo2xBENFcghKmw==","shasum":"f3ec61e22ce159fff6bb6f98d18ef3570c8b4c17","tarball":"https://registry.npmjs.org/@arcana-ui/claude-design-pack/-/claude-design-pack-0.1.0.tgz","fileCount":17,"unpackedSize":133079,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDWHcf9HAXTBkblDwEZ8v7lsla+l389S1kCYjbv0pc20wIhANtafZs1N/Pj8B4JSOc+JspRfwX1YjSI8KHzb4Gkk+au"}]},"_npmUser":{"name":"garrettbear","email":"garrett@201lab.com"},"directories":{},"maintainers":[{"name":"garrettbear","email":"garrett@201lab.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/claude-design-pack_0.1.0_1778527507339_0.7584135525073483"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-11T19:25:07.270Z","0.1.0":"2026-05-11T19:25:07.495Z","modified":"2026-05-11T19:25:07.748Z"},"maintainers":[{"name":"garrettbear","email":"garrett@201lab.com"}],"description":"14 token-driven design systems shipped as DESIGN.md files for Claude Design's Add assets flow.","homepage":"https://arcana-ui.com/claude-design","keywords":["arcana","claude-design","design-system","design-md","tokens","ai"],"repository":{"type":"git","url":"git+https://github.com/Arcana-UI/arcana.git","directory":"packages/claude-design-pack"},"bugs":{"url":"https://github.com/Arcana-UI/arcana/issues"},"license":"MIT","readme":"# @arcana-ui/claude-design-pack\n\n14 token-driven design systems shipped as `DESIGN.md` files, ready for Claude Design's \"Add assets\" flow. Drop any of them into `claude.ai/design/#org` and watch the design system land in 60 seconds.\n\n## What's in the pack\n\nEvery Arcana preset (`light`, `dark`, `terminal`, `retro98`, `glass`, `brutalist`, `corporate`, `startup`, `editorial`, `commerce`, `midnight`, `nature`, `neon`, `mono`) is included as a Google DESIGN.md spec-compliant file under `presets/`. The pack also ships a `manifest.claude-design.json` that maps each preset to its slug, swatches, motion personality, raw GitHub URL, and codebase pointer.\n\nAll 14 files validate against `@google/design.md lint` on every CI run.\n\n## Drop-in usage\n\n1. Open [claude.ai/design](https://claude.ai/design).\n2. Click your org -> **Add assets**.\n3. Either upload one of the `presets/*.md` files, or point Claude Design at this repo: `https://github.com/Arcana-UI/arcana`.\n\nClaude Design will read the DESIGN.md, extract the colors / typography / spacing / components, and apply that system to every project the org creates from then on.\n\n## Programmatic usage\n\n```ts\nimport manifest from '@arcana-ui/claude-design-pack';\n\nconsole.log(manifest.presets.length); // 14\nconsole.log(manifest.presets[0]);\n// {\n//   slug: 'brutalist',\n//   name: 'Brutalist',\n//   description: '...',\n//   motionPersonality: 'static',\n//   swatches: { background: '...', surface: '...', accent: '...' },\n//   designMdUrl: 'https://raw.githubusercontent.com/...',\n//   codebaseUrl: 'https://github.com/Arcana-UI/arcana',\n// }\n```\n\nThe DESIGN.md files themselves are accessible at `@arcana-ui/claude-design-pack/presets/<slug>.md`.\n\n## Live preview\n\nEvery preset has an interactive demo at [arcana-ui.com/claude-design](https://arcana-ui.com/claude-design): swatches, motion personality badge, copy-the-DESIGN.md, and a download link.\n\n## Source of truth\n\nThe `presets/*.md` files are regenerated on every push from `packages/tokens/src/presets/*.json` via `pnpm --filter @arcana-ui/claude-design-pack regenerate`. CI runs the same script in `--check` mode and fails the build if any preset has drifted from the source. So this directory is always source-derived.\n\n## License\n\nMIT. Free to fork, extend, and submit as your own design system. Submitting the Arcana presets to [VoltAgent's `awesome-claude-design`](https://github.com/VoltAgent/awesome-claude-design) is encouraged.\n","readmeFilename":"README.md","_rev":"1-c3bd56e7996135db7aac0b0866d06d38"}