jubscodes/get-shit-pretty

AIコーディングツールの設計エンジニアリングシステム

Mac、Windows、Linuxで動作します。**

「GSDは完了しました。 GSP は、かなり整った。

ビルドするBrief ターミナル内

なぜ GSP の試験者・クイックスタート・仕組み・スタイルプリセット・専門知識・スキル・エージェント・アーキテクチャ・AI ツールサポート・貢献

お問い合わせ

#GSPがなぜ存在しているのか

デザインとコードの間のギャップは縮小していますが、1つの方向からのみ。

Figma 船コード 接続、Dev Mode、MCP サーバー。 設計ツールは、コードを話すための学習です。 その橋が建てられています。 コーディングツールは、デザインを話すのに学習しません。

午後にアプリ全体をエンコードすることができます。 作品紹介 また、他のすべてのvibe-codedアプリのように見えます。同じshadcnコンポーネント、同じレイアウト、同じ海と同じです。 いいえ研究、ブランド思考、システムなし、批判なし。 AIコーディングツールは、設計プロセスゼロで強力なビルダーです。

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.