JG

jubscodes/get-shit-pretty

Developer tools

Эта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал

55 stars Качество 60 Тренд 17MIT

Проектирование инструментов кодирования AI. Идентификация бренда + дизайн-проекты, от стратегии до кода.

Обзор

"Государственное управление работает. GSP чертовски хорош. Разрыв между дизайном и кодом сокращается, но только с одного направления. Figma поставляется с Code Connect, Dev Mode, MCP серверами. Инструменты проектирования учатся говорить код. Этот мост строится. Инструменты кодирования не учатся говорить о дизайне. Вы можете закодировать целое приложение во второй половине дня. Это работает. Он также выглядит как любое другое приложение с кодировкой вибрации — те же компоненты shadcn, те же макеты, то же море однообразия. Никаких исследований, никакого бренд-мышления, никакой системы, никакой критики. Инструменты кодирования ИИ — это мощные конструкторы с нулевым процессом проектирования. GSP вносит основы дизайна в инструменты, которые разработчики уже используют. Исследования. Бренд. Системы проектирования. Модели пользовательского интерфейса. Доступность. Критика. Процесс, который делает дизайн последовательным, работает в вашем терминале. Для дизайнеров это другое направление. Код-первая среда, не отказываясь от процесса.

Обзор (машинный перевод)

** Разработка инженерной системы для инструментов кодирования ИИ.**

** Работает на Mac, Windows и Linux.**

“ГСД делает дерьмо.” GSP - дерьмо красивое.

*Кратко строить. В вашем терминале.

Почему существует GSP · Быстрый старт · Как это работает · Наборы стилей · Навыки экспертизы · Навыки · Агенты · Архитектура · Поддержка инструментов ИИ · Вклад

Почему существует GSP

Разрыв между дизайном и кодом сокращается, но только с одного направления.

Figma поставляется с Code Connect, Dev Mode, MCP серверами. Инструменты проектирования учатся говорить код. Этот мост строится. Инструменты кодирования не учатся говорить о дизайне.

Вы можете закодировать целое приложение во второй половине дня. Это работает. Он также выглядит как любое другое приложение с кодировкой вибрации — те же компоненты shadcn, те же макеты, то же море однообразия. Никаких исследований, никакого бренд-мышления, никакой системы, никакой критики. Инструменты кодирования ИИ — это мощные конструкторы с нулевым процессом проектирования.

GSP вносит основы дизайна в инструменты, которые разработчики уже используют. Исследования. Бренд. Системы проектирования. Модели пользовательского интерфейса. Доступность. Критика. Процесс, который делает дизайн последовательным, работает в вашем терминале.

Для дизайнеров это другое направление.

Эта страница переведена автоматически. Технические детали смотрите в оригинале.

README

Показан фрагмент оригинального README. Открыть оригинал.


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.

Открыть полный README на GitHub

Рекомендуемые инструменты

Попробуйте другой запрос или уберите фильтр.

Установка

npx skillfish add jubscodes/get-shit-pretty
Новичок в MCP? Начните с руководства на mcpskill.org →