anydesign-analyzer

Skill by ara.so — Design Skills collection.

anydesign is a Claude skill that analyzes visual sources (images, websites, Figma files) and produces structured design.md files with DTCG-compliant design tokens, component inventories, and reconstruction notes. The output is portable across all AI builders (v0, Lovable, Cursor, Bolt, Claude Code) and design tools.

What it produces

Every analysis generates three artifacts:

1. design.md — 7-section structured document (TL;DR, visual identity, design system, components, layout, reconstruction notes, open questions)
2. design-tokens.json — W3C DTCG format tokens ($value / $type)
3. design-a11y.md (optional) — WCAG 2.1 contrast report

All inferences include confidence levels: ✅ high / ⚠️ medium / ❓ low

Installation

1. Clone and install the skill