MCP App StoreMCP App Store
from Get Shit Pretty (GSP)39
Build production-ready type systems including fluid scales, font pairings, and vertical rhythm with CSS output.
This skill transforms typography from a visual choice into a mathematical system. It generates precise type scales, font pairings, and fluid typography (using CSS clamp) to ensure a professional, responsive visual hierarchy across any screen size.
Use this skill during the design-to-code phase of a project when you need to establish a formal type system, choose a font pairing based on style presets (e.g., 'cyberpunk'), or convert a visual ratio into a functional CSS implementation.
typography.md) and a ready-to-use CSS file (supporting Tailwind v4 or vanilla CSS).Built for design-engineering agents (like Claude Code or Cursor) that can perform file writes and interact with the user for iterative design decisions.
This skill has not been reviewed by our automated audit pipeline yet.
GSP Project Build
Translate design chunks into production-ready frontend code using a phased build pipeline.
GSP Color
Generate production-ready color systems: OKLCH palettes, WCAG contrast checks, semantic roles, and dark-mode mappings.
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.
Clerk Vue Patterns
Vue 3 integration patterns for Clerk: composables, router guards, and Pinia auth store integration.
React Development Expert
Provides authoritative React guidance on hooks, state patterns, Server Components, performance optimization, and common architectural patterns.
Office & Design Toolkit
Comprehensive toolkit for processing and producing DOCX, PPTX, XLSX and PDF files plus design guidance and quality checks for professional office documents and
ClearShot — Screenshot UI Analysis
Structured UI screenshot analysis using a 5×5 spatial grid, full element inventory, and design system extraction. Escalates to full implementation blueprint whe
Colorize — Strategic UI Color Introduction
Introduce purposeful color to monochromatic interfaces to improve hierarchy, meaning, and visual engagement while preserving accessibility.
DAUB UI
A drop-in CSS+JS component library with 70+ carefully designed components and 20 theme families for fast, consistent UI building.
dotLottie Web
Guidelines and patterns for implementing performant dotLottie/Lottie animations on the web (vanilla JS and React), including workers, state machines, and themin
React Context Setup
Automates guidance and code patterns for setting up React Context, providing step-by-step configuration and best-practice examples for frontend projects.