MCP App StoreMCP App Store
from ai-enablement-prompts117
Analyzes Figma designs to propose React component architecture, props APIs, and variant handling without generating code.
This skill bridges the gap between UI design and React implementation. It analyzes a Figma design via MCP tools to determine the optimal component hierarchy and a precise props API that mirrors the Figma structure.
Use this skill when you have a Figma URL and need to plan the architecture of a React component before writing any code. It is ideal for determining if a design should be a single component or split into multiple smaller ones and for defining how variants map to React props.
Agents with Figma MCP integration (e.g., Claude Code, Codex).
This skill has not been reviewed by our automated audit pipeline yet.
Clerk Vue Patterns
Vue 3 integration patterns for Clerk: composables, router guards, and Pinia auth store integration.
BK-CI Design Patterns Guide
Practical guide to design patterns used in the BK-CI project (Kotlin/Spring). Covers factory, strategy, singleton, decorator, observer, template method, chain-o
Node.js Best Practices
Guidelines and decision-making for Node.js architecture, runtime, async patterns, security, validation, and testing to inform framework and system choices.
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.