Skip to content

Design Engineering

A design engineering system for AI coding agents.
Brand identity to production code, from your terminal.

npx get-shit-pretty
View on GitHub →

Skill Based

Design knowledge, built into your tools

Every skill is a specialized AI prompt with real design expertise. Add, remove, or create your own. The pipeline invokes them automatically — or call any one directly.

npx skills add jubscodes/get-shit-pretty
/gsp-brand-briefDefine your brand through guided Q&A
/gsp-brand-researchResearch market, audience, competitors
/gsp-brand-strategyPositioning, personality, voice, messaging
/gsp-brand-identityVisual identity — logo, color, type
/gsp-brand-guidelinesDesign system — tokens, STYLE.md, components
/gsp-project-briefScope what you're building
/gsp-project-designDesign screens and interaction flows
/gsp-project-critiqueNielsen's heuristics + WCAG 2.2 AA audit
/gsp-project-buildParallel agents build to production code
/gsp-project-reviewQA validation against design intent
/gsp-colorOKLCH palettes, contrast, semantic mapping, dark mode
/gsp-typographyFluid type scales, pairing, vertical rhythm
/gsp-visualsImagery, 3D, textures, surface treatments
/gsp-accessibilityContrast checks and token WCAG audits
/gsp-styleApply a preset — tokens without the full diamond
+ 19 more skills — /gsp-help to see all

The Process

/gsp-start guides you through Brand to Build

A dual-diamond process — from brand research to production code. Each phase produces real artifacts, not just plans.

Capabilities

Designer thinking, developer tooling

Terminal native

Built for Claude Code, OpenCode, Gemini CLI, and Codex. No browser required. Design engineering from your terminal.

Open source

MIT licensed. Inspect every prompt, every agent, every skill. Zero production dependencies. Fork it, extend it, make it yours.

11 specialized agents

Brand strategist, creative director, project designer, accessibility auditor — real design roles, not generic assistants.

Parallel builds

Components and screens build in parallel waves with round-robin model assignment. ~47% faster than sequential.

35 style presets

Fuzzy-matched design languages. Describe a vibe, get tokens. Each preset includes constraints, interaction patterns, and typography.

Figma + GitHub

MCP servers bundled. Read designs from Figma, track issues on GitHub — directly from your pipeline.

35 Style Presets

Start with taste, not a blank canvas

Each preset is a complete design opinion — colors, type, shape, constraints, interaction patterns. Pick one as your foundation.

Ship faster,
look better.
Get started
Learn more

modern-dark

Linear/Vercel aesthetic, ambient blobs, cinematic

Pure signal.

nothing

OLED black, zero shadows, red signal

Click me
Bold & flat.

neubrutalism

Hard shadows, thick borders, bright accents

Form
follows
function.
Build
Learn

bauhaus

Primary colors, hard geometry, constructivist

Get started
Frosted. Layered. Calm.
Translucent surfaces over warm depth.

frosted glass

Backdrop blur, translucent layers, warm depth

35 presets total — from swiss-minimalist to vaporwave. /gsp-style "describe a vibe"

Code is commodity, your brand is not

npx get-shit-pretty
View on GitHub →