MCP App StoreMCP App Store
from specialist-agent16
Automates the creation of typed React Query hooks for server state management in Next.js.
This skill streamlines the implementation of server state management by generating custom React Query hooks. It ensures consistency across the architecture by bridging services and adapters to the UI layer.
Use this when adding data-fetching (Query) or data-modifying (Mutation) capabilities to a Next.js module that follows the service-adapter pattern.
useQuery and useMutation implementations, and strict rules for client-side directives and stale-time configuration.tsc --noEmit to ensure type safety.Compatible with AI coding agents integrated with Next.js, React, and TanStack Query environments (e.g., Cursor, Claude Code, Codex).
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.
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.
SSE Stream Resilience
Provide robust server-sent-events (SSE) stream management with Redis-backed registry, heartbeat monitoring, completion persistence, and background guardian clea
React Development Expert
Provides authoritative React guidance on hooks, state patterns, Server Components, performance optimization, and common architectural patterns.
Algolia Cost Tuning
Practical guide to reduce Algolia billing by auditing records/requests, switching to virtual replicas, multi-query usage, caching, and cleanup strategies.
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.