designmd-supply-generator

Skill by ara.so — Design Skills collection.

What It Does

designmd-supply is a Next.js application that transforms any website into a comprehensive DESIGN.md design system document. It orchestrates four Context.dev APIs (Styleguide, Brand, Screenshot, Markdown) and uses an LLM via Vercel AI Gateway to generate structured design documentation with YAML frontmatter covering colors, typography, layout, components, and brand guidelines.

The system caches all API responses and generated documents in Turso (libSQL) for fast subsequent access.

Installation

git clone https://github.com/context-dot-dev/designmd-supply.git
cd designmd-supply
npm install

Environment Setup