jubscodesCommunity·41 Agent Skills Included

get-shit-pretty

Brand identity, UI design, and production code pipelines

Runs a full design engineering pipeline from brand research and strategy to visual identity, design tokens, UI screens, and production code. Applies 35 ready-made style presets, generates OKLCH color palettes and type scales, and audits work against WCAG 2.2 and Nielsen heuristics. Eliminates generic-looking output by enforcing brand constraints, critique loops, and craft-level polish checks before code ships.

49|4

↗

npx skills add jubscodes/get-shit-pretty --all -g -y

Available:

Tells the AI agent how the dual-diamond design pipeline is structured, where skills and agents live, and the editing and output rules it must follow when working in this repository.

All Skills in This Repository (41)

Pure Emerald Level Indicators

📦 In Repo

jubscodes

gsp-pretty

Generate context-aware ANSI terminal art with a reusable console.log snippet.

gsp-accessibility

Check inline WCAG contrast and audit brand tokens for accessibility compliance.

gsp-project-research

Generate structured research files on UX patterns, competitors, and technical approaches.

gsp-icons

Generate an iconography.md chunk with npm import paths, stroke widths, size tokens, and container CSS/Tailwind rules.

gsp-art

Generate custom terminal ASCII art from user descriptions with ANSI colors.

gsp-design-system

Audit codebase design systems and generate markdown reports.

gsp-logo

Generate three strategy-aligned logo directions and a logo-directions.md document.

gsp-brand-strategy

Define brand strategy and messaging from a BRIEF.md to produce five strategy chunks and an index.

gsp-phase-transition

Render phase transition screens with progress lines, completion banner, and output file tree.

gsp-help

Display the complete GSP skill reference as plain text.

gsp-brand-audit

Your custom message here.

gsp-brand-sync

Detect and reconcile brand divergences across tokens, voice, and visual patterns.

Community

Advanced

Frequently Asked Questions

FAQPage Schema

How to install get-shit-pretty?▼

Run `npx skills add jubscodes/get-shit-pretty --all -g -y` in your terminal to install all skills globally.

What does get-shit-pretty do?▼

It guides your coding assistant through a complete design process: brand research, strategy, visual identity, design tokens, UI screen design, critique, build, and QA review.

Can I skip branding and just apply a style?▼

Yes. Run /gsp-style with one of 35 built-in presets like cyberpunk or swiss-minimalist to get production-ready design tokens instantly, then jump straight to building.

Does it check accessibility?▼

Yes. It audits color contrast, tokens, designs, and code against WCAG 2.2 AA, and blocks inaccessible token pairs from shipping.

Which AI coding tools does it support?▼

It works with Claude Code, OpenCode, Gemini CLI, and Codex CLI through a multi-runtime installer that adapts skills to each tool's format.