get-shit-pretty

Add reference material to a project — use when: add a reference, save inspiration, attach examples, link this site as reference, drop in a moodboard

Craft ASCII art interactively — you direct, the artist creates — use when: make ASCII art, terminal art, decorative banner, splash screen, hero ASCII

Audit an existing brand before evolving it — use when: audit our brand, what do we have, before a rebrand, brand health check, current brand state, brand inventory

Sync brand to match a project's shipped state — tokens, voice, visual patterns, personality — use when: brand drifted from the app, reverse-engineer the brand, the code is ahead of the brand docs, sync brand to shipped, update brand from production

Design color systems — palettes, contrast, semantic mapping, dark mode — use when: pick colors, build a palette, semantic tokens, dark mode pairings, brand color, accent color

Design icon systems — library selection, sizing, containers, custom SVG direction — use when: pick an icon library, icon sizing rules, icon containers, custom SVG direction, swap icons, icon strategy

Design logo directions — concepts, variations, usage rules, and clear space — use when: design the logo, logo concepts, logo variations, lockups, wordmark vs mark, clear space rules, logo usage

Detect and fix AI-slop craft failures in the codebase — auto-runs after build; user-invocable anytime — use when: polish the build, clean up AI slop, find lorem placeholders, missing empty states, default chart palettes, hardcoded hex outside tokens, scrolling text without fade mask

Start the GSP pipeline — routes to the right entry point (brand brief, project brief, scaffold) — use when: starting a new feature, I want to build X, help me design, let's work on, kicking off new work, where do I start

Apply a design style preset — tokens and foundations without the full branding diamond — use when: just give me a style, quick tokens, skip branding, apply a preset, use the X style, swap to Y style

Design type systems — scale, pairing, fluid type, vertical rhythm — use when: pick fonts, font pairing, type scale, vertical rhythm, fluid typography, body and heading sizes

Define visual direction — imagery, 3D, video, textures, and surface treatments — use when: pick imagery, set mood, choose visual treatment, 3D direction, video direction, texture and surface decisions

Audit accessibility — contrast, tokens, screens, code, or compliance statement. Picks the right mode from project state when invoked with no flags — use when: is this accessible, check contrast, WCAG check, a11y audit, accessibility report, before we ship, accessibility statement

Show all skills

Critique designs + accessibility audit (creative phase — benefits from capable models) — use when: review the designs, critique this, check accessibility, what's wrong with, give feedback on

Design screens and interaction flows (creative phase — benefits from capable models) — use when: design this, mock up, create wireframes, how should X look, lay out the UI for

QA review — validate implementation against designs — use when: review the build, QA this, does it match the designs, check what was built, verify implementation

Set up the tech stack — install deps, configs, verify build — use when: set up the stack, install shadcn, init the project, scaffold, set up Tailwind

Check project health — use when: something's broken, check the project, is everything set up right, health check, what's the status of my GSP setup

Build design system tokens and STYLE.md (technical phase — benefits from capable models) — use when: create the design system, generate tokens, finalize brand guidelines, build the component system

Create visual identity — logo, color, typography (creative phase — benefits from capable models) — use when: design the logo, pick colors, choose fonts, create the visual identity

Research market and competitors — use when: research competitors, who else is doing this, market analysis, what do competitors look like

Define positioning, voice, and messaging (creative phase — benefits from capable models) — use when: define our positioning, brand strategy, what's our voice, how do we talk to customers

Translate designs to code (technical phase — benefits from capable models) — use when: build this, implement, code this up, build me a X, add a X to the app, make the X page

Scope a feature or flow — use when: scope this, define what we're building, plan the project, what should we build, write a brief

Research UX patterns and technical approaches — use when: research this, look up how X works, find patterns for, what's the best approach for

Quality eval for any non-trivial change to skill/agent/methodology files — spawns parallel evaluator agents that score against a fixed 8-dimension rubric (change intent + skill intent coherence + 6 preservation dimensions). Covers additions, modifications, refactors, trims, and rewrites under `gsp/skills/` or `gsp/agents/`. Use before merging.

Adjust brand mid-project — use when: tweak the colors, change the font, adjust spacing, the brand feels off, refine the brand

Install a brand theme into a shadcn codebase — use when: apply the brand to the code, install the theme, switch to brand X, refresh the theme

Design engineering for AI coding tools. Full pipeline: brand research, strategy, identity, guidelines, UI design, critique, accessibility audit, build, and review. Expertise skills (color, typography, visuals) serve the entire pipeline. 14 specialized agents with Apple HIG, Nielsen's heuristics, WCAG 2.2 AA, and design token standards.

Update GSP to the latest version

Define your brand — who, why, and what it should feel like — use when: create a brand, define our brand identity, who are we, what's our brand

Scan and document the existing design system — use when: scan the codebase, document what components exist, what's already built, inventory the design system

Show pipeline progress dashboard — use when: where are we, what's done, show progress, how far along, what phase are we on

Publish a new GSP version — bump versions, changelog, audit, tag, release, prompt npm publish

Verify GSP pipeline integrity — agent/skill contracts, installer correctness, runtime compatibility, version sync, and template coherence. Internal development tool for GSP maintainers.

Benchmark GSP token budget — capture snapshots, compare between versions/PRs, track improvements over time

AI-driven semantic analysis of GSP skills and agents — finds dead weight, contradictions, vagueness, and over-prompting that automated checks can't catch.

Research live documentation for Claude Code, OpenCode, Gemini CLI, and Codex CLI — check discovery paths, tool names, frontmatter fields, and flag drift against the GSP installer. Internal GSP development tool.

Test skill for installer unit tests