MCP App StoreMCP App StoreThis skill helps an agent design and implement production-ready frontend interfaces — components, pages, or full applications — with a strong, intentional aesthetic. It guides the agent through design thinking, visual direction, typography, color, motion, and spatial composition, then produces working HTML/CSS/JS or framework-specific code (React, Vue, etc.) tuned to the chosen aesthetic.
Use this skill when a user asks for a web UI, landing page, dashboard, component, or any frontend artifact that should look and feel distinctive rather than generic. It is ideal for tasks requiring a clear visual direction (brutal minimalism, maximalist, retro-futuristic, editorial, etc.), polished micro-interactions, and production-ready code.
Best with LLMs capable of producing code and design rationale (Claude, Gemini, Copilot-style agents) and agents that can output HTML/CSS/JS.
A frontend design skill that guides agents to create visually distinctive, production-grade web interfaces. The SKILL.md provides detailed aesthetic guidelines around typography, color, motion, spatial composition, and backgrounds, with strong emphasis on avoiding generic AI aesthetics. No scripts are included — it's a pure prompt/skill file with no executable code. The instructions are thorough and opinionated but lack structured output contracts or integration patterns.
Clean skill, no security concerns. Well-written design guidelines with clear aesthetic philosophy. Lacks references/ directory, has no scripts, and has no output contract definition. License field references external file. Useful for its target audience but somewhat niche — primarily relevant to agents generating frontend code.
FastAPI Project Templates
Creates production-ready FastAPI project scaffolds with async patterns, DI, middleware, and testing best practices for high-performance APIs.
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.
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.
Migrate from Next.js App Router to TanStack Start
Step-by-step migration checklist to move an App Router Next.js codebase to TanStack Start, covering routes, server functions, middleware, data fetching and buil
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.
