MCP App StoreMCP App Store
from specialist-agent16
Automates the creation of structured Astro components, including prop definition and scoped styling following architecture guidelines.
This skill provides a standardized workflow for generating Astro components. It ensures consistency across the project by enforcing a specific structure for props, styling, and file placement.
Use this skill whenever you need to add a new UI component to an Astro project, whether it is a feature-specific component, a shared utility component, or a top-level layout.
npx astro check to ensure the component is syntactically correct.Compatible with AI coding agents such as Claude Code, Cursor, Codex, and Windsurf that have filesystem access.
This skill has not been reviewed by our automated audit pipeline yet.
Test-Driven Development (TDD)
Run disciplined TDD cycles: write a failing test, implement the minimal fix, then refactor — for features and bugfixes where correctness matters.
/verify — Verification Before Completion
Run fresh verification commands (tests, build, lint, types) and require full output evidence before claiming work is complete or merging changes.
/learn — Interactive Learning Mode
Teaching-first implementation assistant: explains why decisions are made, walks through architecture, and produces incremental code with pedagogy for onboarding
Adaptive Planning (/plan)
Generate an implementation plan matched to task complexity — from quick mini-plans to full design documents — before writing code or making large changes.
Systematic Debug (/debug)
A four-phase, evidence-first debugging methodology agent skill: gather evidence, analyze patterns, formulate hypotheses, and implement & prove fixes.
Grill (Adversarial Code Challenge)
Performs adversarial stress-testing of code to find edge cases, race conditions, security holes, and logical flaws before deployment.
Smart Commit (conventional commit generator)
Generate and apply conventional commit messages with automatic type & scope detection plus pre-commit validation for secrets and debug artifacts.
Conversion Rate Optimization (CRO)
Audit landing pages and user flows to find conversion friction and deliver prioritized, testable A/B recommendations.
Migration: Migrate Module
Automates a multi-phase migration of an Angular module to a target architecture with approval gates and validation after each phase.
Next.js: Migration — Migrate Component
Convert a Next.js Pages Router component/page to the App Router pattern, updating routing, data fetching, and component boundaries for Next.js App Router.
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.
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.
Angular Migration
Guides developers through migrating AngularJS (1.x) apps to modern Angular (2+), with hybrid ngUpgrade approaches, component/service conversions, DI strategies,