#design system

design-ai

sungjin

Senior product designer for any AI coding agent. Surfaces 20 skills, 17 commands, 221 worked examples, and website improvement workflows. Korean market depth.

DesWatch

lucamauri

Design token intelligence for VS Code — first-class editing support for DESIGN.md files

md-hinagata: Markdown to HTML Templates

Shm11C3

Generate CMS-ready HTML fragments from Markdown using md-hinagata Template Interpolation .hbs themes without Handlebars helpers or partials.

Dev Palette

DevPalette

Discover, generate, preview and export beautiful color palettes, gradients and website themes — without leaving VS Code.

Color Token Manager

dagmayalew

Extract hardcoded colors into tokens, manage colors.ts, preview refactors, WCAG contrast checks, and export design tokens for React Native and TypeScript.

VS Code color themes generated from the Morphos design-system catalog.

Once UI Snippets

once-ui

Snippets, IntelliSense, auto-import, theme preview, and CLI integration for Once UI — the open-source Next.js design system. Write 70% less code.

Token Flow - Design System

robin-lopez

Bridging the gap between Design and Code. Find, insert, swap and audit design tokens (SCSS · CSS · TS/JS) without leaving your editor.

Snapds

Octojose

Browse, configure, and drop Snapds components into your React code.

ColorGuard — Hardcoded Color Detector

mjethwa-streamlit

Find hardcoded hex/rgb/hsl colors that should be design tokens, with the nearest matching token on hover. Auto-replace, bulk replace, and adoption reports with Pro.

VSCode theme based on ruco.dev design system — LED grid, four channels.

Gantry

mifxch

Visual component & design-token manager that keeps your AI assistant's rules (Cursor & Claude Code) in sync with your design system.