MCP App StoreMCP App Store
from Get Shit Pretty (GSP)39
Generate production-ready color systems: OKLCH palettes, WCAG contrast checks, semantic roles, and dark-mode mappings.
Builds complete color systems from brand colors or inputs. Produces 11-stop OKLCH scales, validates WCAG contrast for foreground/background pairs, maps semantic color roles (primary, secondary, accent, neutral), and generates dark-mode equivalents. Outputs include color-system.md chunks and palettes.json for integration into design systems.
Use this skill when you need deterministic, production-ready palettes for a brand, want automated contrast validation for accessibility, or need dark-mode mappings that preserve contrast. Good for designers, front-end engineers, and automated design pipelines.
references/ folder with composition guidance and technical notes.Best with agents that support file read/write and deterministic computation (Claude Code, Codex-like agents, or any agent with color math libraries).
GSP Color is an agent instruction skill for building production-ready color systems with OKLCH palettes, WCAG contrast validation, and dark-mode mapping. No bundled scripts to test — it's purely prompt-based, delegating to domain files for detailed logic. Clean structure with good progressive disclosure and two-mode design (palette vs system).
Pure prompt skill with no executable code — security is trivially clean. Well-structured with clear mode detection and delegation pattern. Limited to Claude/CLAUDE_SKILL_DIR convention.
GSP Project Build
Translate design chunks into production-ready frontend code using a phased build pipeline.
GSP Typography System Designer
Build production-ready type systems including fluid scales, font pairings, and vertical rhythm with CSS output.
GSP Project Review
QA validation of codebase implementation against design intent, checking token usage, accessibility, and screen coverage.
GSP Brand Identity
Creative direction for visual identity, including logo systems, color palettes, and typography based on brand strategy.
Scientific Schematics & Diagrams
Generate publication-quality scientific diagrams via AI with iterative quality review and smart regeneration for journal, conference, poster, and presentation o
Clerk Vue Patterns
Vue 3 integration patterns for Clerk: composables, router guards, and Pinia auth store integration.
Colorize (Strategic UI Color)
Introduce purposeful color into monochromatic or dull interfaces to improve hierarchy, meaning, and emotional warmth while preserving accessibility.
OpenTestAI
Automated, high-confidence AI testing: bug detection, persona feedback, and prioritized test-case generation using many specialized tester profiles.
Shopify Store Audit
Structured, page-by-page audit of Shopify storefronts to find conversion blockers and prioritized fixes for copy, UX, trust signals, and checkout friction.
Cognitive Accessibility Specialist
Audits content, forms and authentication flows for cognitive accessibility (WCAG 2.2 / COGA) and gives prioritized remediation and plain-language guidance.
Agent Browser — Core
Core usage guide for agent-browser: snapshot-and-ref browser automation to navigate pages, interact with elements, extract data, take screenshots, manage sessio
React Development Expert
Provides authoritative React guidance on hooks, state patterns, Server Components, performance optimization, and common architectural patterns.