Angora
Alpha

Your design system is the website.

A design system for Claude Code. Define your brand, build components, ship static sites — through conversation.

$ curl -fsSL https://getangora.org/install | sh
View on GitHub →

Your Figma file isn't a source of truth — it's a picture of one.

Design systems that live in design tools have a translation problem. Every handoff is a game of telephone — tokens drift, spacing gets approximated, the component explorer becomes a side project nobody maintains, and the intent behind a decision disappears somewhere between the mockup and the pull request.

Angora starts where the work actually ships: in code. You describe what you want in conversation. It reads your tokens, understands your existing components, and builds things that belong in your system — not generic defaults with your colors painted on. The output is static HTML and CSS via Astro. No framework runtime, no client-side JavaScript. What you see in the browser is production code.

The design system isn't a reference document. It's the working material.

  • Claude Code
  • Static HTML+CSS
  • Design Tokens
  • AI Alt Text
  • Preact
  • EAA Accessible
  • Container Queries
  • OKLCH
  • Tailwind v4
  • Astro
  • SQLite
  • Drizzle ORM
  • Playwright
  • Inbox Workflow
  • Schema Migrations
  • Semantic HTML
  • Responsive Type

You talk, it builds.

  1. 1

    /angora-design-system-init

    Define your brand through conversation. Intent, audience, feel — captured as design tokens.

  2. 2

    /angora "sketch me a wireframe for the blog"

    Page structure before pixels. A featured post, recent articles, category filters — mapped out as a working document.

  3. 3

    /angora "let's build that hero from the wireframe"

    Reads your tokens and wireframe. Builds a featured-post hero that belongs in your system — semantic HTML, accessibility baked in.

  4. 4

    /angora "compose the blog page components as a layout"

    Assemble real components into a full page. The wireframe becomes the layout.

  5. 5

    /angora "i've got 50 posts in a CSV and a folder of images in the inbox — make it live"

    Angora models the schema, imports every row, and wires your components to a real database. Images get automatic alt text. The design system just shipped a blog.

Built with Angora.

No separate component explorer. No specimens that drift from production. The design system is the same code that ships — browse it yourself.

We're in early alpha.
And we're building in the open.

Angora is open source. We want your feedback — what's broken, what's missing, what would make this the tool you actually reach for.

$ curl -fsSL https://getangora.org/install | sh