jubscodes/get-shit-pretty

AI 코딩 도구 설계 시스템.

Mac, Windows 및 Linux에서 작업.

“GSD는 표를 완료합니다. GSP는 꽤 표를 가져옵니다.”

Brief 빌드. 당신의 맨끝에서.

왜 GSP Exists · 빠른 시작 · 어떻게 작동 · 스타일 프리셋 · 전문가 기술 · 기술 · 에이전트 · 아키텍처 · AI 도구 지원 · 기여

---

왜 GSP 존재

디자인과 코드 사이의 간격은 수축하지만 한 방향으로만합니다.

Figma ships Code Connect, Dev Mode, MCP 서버. 디자인 도구는 코드를 말하는 학습입니다. 그 다리가 내장되어 있습니다. 코딩 도구는 디자인에 대해 학습하지 않습니다.

오후에 전체 앱을 vibe-code 할 수 있습니다. 그것은 작동합니다. 그것은 또한 다른 vibe-coded 앱과 같이 보입니다 — 동일한 shadcn 성분, 동일한 배치, 동일의 동일한 바다. 연구 없음, 상표 사고 없음, 체계 없음, critique 없음. AI 코딩 도구는 0 개의 디자인 프로세스와 강력한 빌더입니다.

GSP는 디자인의 기본을 도구 개발자에 이미 사용합니다. 연구. 상표. 디자인 시스템. UI 패턴. 접근성. 이름 * 디자인 일관되게 만드는 과정 — 당신의 맨끝에서 달리기.

디자이너를 위해, 그것은 다른 방향입니다.

---

Why GSP Exists

The gap between design and code is shrinking — but only from one direction.

Figma ships Code Connect, Dev Mode, MCP servers. Design tools are learning to speak code. That bridge is being built. Coding tools aren’t learning to speak design.

You can vibe-code an entire app in an afternoon. It works. It also looks like every other vibe-coded app — the same shadcn components, the same layouts, the same sea of sameness. No research, no brand thinking, no system, no critique. AI coding tools are powerful builders with zero design process.

GSP brings design fundamentals into the tools developers already use. Research. Brand. Design systems. UI patterns. Accessibility. Critique. The process that makes design consistent — running in your terminal.

For designers, it’s the other direction. Code-first environments without giving up your process. Your design decisions become tokens, specs, and components — not a Figma file someone rebuilds from scratch.

Both disciplines. Same pipeline. Same environment. The missing half of the bridge.

---

Quick Start

# 1. Install (pnpm or bun)
pnpm dlx get-shit-pretty
# bunx get-shit-pretty

# 2. Define your brand — or skip with a style preset
/gsp-brand-brief                    # guided brand definition
/gsp-style cyberpunk                # instant tokens from 35 presets

# 3. Build something
/gsp-project-brief                  # scope your project
/gsp-project-build                  # parallel agents build it

Or run /gsp-start — it detects your workspace state and routes you forward.

---

How It Works

GSP follows a dual-diamond architecture — two complete design cycles that take you from nothing to shipped.