trystan-sa/claude-design-system-prompt — explained in plain English
Analysis updated 2026-05-18
Paste the system prompt into Claude, GPT, Gemini or a local model to get design help that avoids generic AI aesthetics.
Use the skill files to run structured design workflows like wireframing, prototyping and accessibility audits.
Extract a design system or component inventory from an existing site or app.
Run a final polish pass before shipping a design to check hierarchy, accessibility and interaction states.
| trystan-sa/claude-design-system-prompt | facebookresearch/tensorcomprehensions | op7418/guizang-social-card-skill | |
|---|---|---|---|
| Stars | 1,767 | 1,766 | 1,763 |
| Language | — | C++ | HTML |
| Last pushed | — | 2023-04-28 | — |
| Maintenance | — | Dormant | — |
| Setup difficulty | easy | hard | easy |
| Complexity | 1/5 | 5/5 | 2/5 |
| Audience | designer | researcher | vibe coder |
Figures from each repo's GitHub metadata at analysis time.
This repository shares a system prompt and a set of skill files that turn an AI chat assistant into a design collaborator with strong opinions about visual quality. It was built by reverse engineering the prompt behind Claude's design tool from Anthropic, then packaged so anyone can paste it into any large language model that accepts a system prompt, including Claude, GPT, Gemini, or models run locally. The core idea is to push back against generic AI generated design work: heavy gradients, emoji used as decoration, cards with a rounded corner and a colored left border, and the same one or two fonts appearing everywhere. Instead the prompt lays out a full design philosophy covering content discipline, so nothing appears unless it earns its place, visual hierarchy through size, color, weight and spacing, accessibility rules like keyboard navigation and focus states, and treating components and reusable tokens as the building blocks rather than one off pages. Alongside the main prompt sit 14 separate skill files the assistant can call on for specific jobs: asking discovery questions before starting, picking an aesthetic direction when no brand exists yet, building wireframes, making slide decks or clickable prototypes, extracting a design system or component inventory from existing sources, and running review passes for accessibility, generic AI look, visual rhythm, interaction states, and a final polish check. These skills are meant to be chained together, for example moving from discovery questions through aesthetic direction, wireframing, prototyping, and a polish pass. There are two variants included: one written for Claude Code and Claude.ai, using subagents for parallel review work, and one adapted for OpenAI's Codex that runs the same reviews in sequence instead. The project also documents how its instructions were calibrated for newer models that follow directions more literally, noting that older models may need stronger, more insistent phrasing to get the same behavior. The project is open source under the MIT license, so it can be copied, modified, and reused freely, including for commercial purposes, as long as the copyright notice is kept.
A reverse engineered system prompt and skill library that turns an AI chat assistant into an opinionated, accessibility focused design collaborator that avoids generic AI style visuals.
Use freely for any purpose, including commercial use, as long as you keep the copyright notice.
Setup difficulty is rated easy, with roughly 5min to a first successful run.
Mainly designer.
This repo across BitVibe Labs
double-check against the repo, no cap.