Skip to content

harshii0509/designStack

Repository files navigation

designStack

Claude Code for designers building their own products.

Every session starts over. Claude doesn't know your colors or fonts. Plans come back in jargon you just say yes to. Something breaks and "fix it" makes it worse.

One setup wizard fixes this. Your Design Bible captures your brand — colors, fonts, spacing, rules — in a file Claude reads automatically, every session.

You never explain your brand to Claude again.


Install

Requires Claude Code.

curl -fsSL https://raw.githubusercontent.com/harshii0509/designStack/main/install | bash

Installs to ~/.claude/skills/ds/. Quit and reopen Claude Code, then type /ds:start in the chat input.


How it works

/ds:start asks a few questions and writes design/DESIGN-BIBLE.md — your brand's colors, fonts, spacing, and rules in one file. Every skill reads from it automatically. No re-explaining. No starting over.


What you can do

When things go sideways

Command What it does
/ds:plain Claude wrote a plan you can't read — get the plain-English version before you say yes
/ds:unstuck Something broke and "fix it" isn't working — one sentence diagnosis, one fix
/ds:save Save exactly where you are so you can always come back

When checking how it looks

Command What it does
/ds:look Does this match what you had in your head? Scored against your Design Bible
/ds:mobile Phone, tablet, desktop — side by side
/ds:a11y Accessibility grade A–D, every issue labeled

When setting the direction

Command What it does
/ds:vibe Tell me how it should feel — get 3 visual directions to pick from
/ds:brand Is this still on brand after all those changes? Full-site scan
/ds:context Refresh your Design Bible when your brand evolves

When making it great

Command What it does
/ds:polish Pre-ship check across 11 areas, results in plain English
/ds:animate Add motion that feels natural, not flashy
/ds:delight Add joy to the moments that matter most

When sharing your work

Command What it does
/ds:share Shareable link in under 2 minutes
/ds:stats Which skills you've used, how often, and whether they worked

Keeping designStack up to date

Command What it does
/ds:upgrade or /ds:update Pull the latest release from GitHub (you may also get a heads-up when you run any /ds:* command)

Works with

Claude Code (primary) · Cursor (via .cursor/rules/) · Codex CLI (via AGENTS.md) · Any Agent Skills-compatible agent


Questions

GitHub Discussions — we read everything.


Made for everyone who has a great idea but felt locked out by the tools. MIT.

About

designStack is a collection of skills for people who have never written code or understand it well.

Resources

License

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors