Claude Design Premium Harness

Skill by ara.so — Design Skills collection.

Claude Design Premium is a context harness and skill pack for Claude Design Web that prevents design system amnesia. It binds your tokens, components, voice, and constraints into persistent artifacts (BOUND_DS.json, DESIGN.md) so Claude respects your system across sessions without re-briefing.

Zero npm dependencies. Scripts run inside Claude Design's canvas runtime. 13 skills cover setup, guardian checks, audits (a11y, mobile, copy, Tailwind), showcase assembly, and framework handoff.

What It Does

• Binds your design system via BOUND_DS.json (tokens, components, manifest paths)
• Enforces fidelity with design-system-guardian that checks every UI task against your system
• Assembles a living specimen (design-system.dc.html) from your DESIGN.md
• Runs targeted audits before handoff: accessibility, mobile-first, text integrity, visual originality, Tailwind alignment
• Supports two modes: Builder (you maintain the DS) and Consumer (you use a published bundle)

Installation

1. Download and Upload