Skip to content

v2.0.0 — Engine + Skins Architecture

Choose a tag to compare

@bitjaru bitjaru released this 08 Apr 09:23

What's New

Breaking: engine/ + skins/ architecture

  • engine/ — Brand-agnostic design engine (69 rules, 48 components, 11 skills)
  • skins/ — Swappable visual identity (5 built-in + 58 via awesome-design-md)

Built-in Skins

  • Toss (original) — purple, fintech
  • Stripe — indigo, professional (from awesome-design-md)
  • Linear — dark-first, violet (from awesome-design-md)
  • Vercel — monochrome, geometric (from awesome-design-md)
  • Notion — warm, blue accent (from awesome-design-md)

New Features

  • /ui-setup interactive wizard with awesome-design-md integration
  • 4 UX skills: /ux-flow, /ux-audit, /ux-copy, /ux-feedback
  • Framer Motion primitives (motion.tsx)
  • Part 3: Page Composition & Visual Rhythm rules (rules 61-69)
  • .cursorrules for Cursor users
  • GitHub Wiki with 9 pages of documentation

Improvements

  • All engine files are brand-agnostic (no hardcoded brand colors)
  • Table of Contents in DESIGN-LANGUAGE.md
  • Dark mode support for all skins