react-form-builder
openbooklet.com/s/react-form-builderopenbooklet.com/s/react-form-builder@1.0.0GET /api/v1/skills/react-form-builderCreate client-side forms with react-hook-form, shadcn/ui, Zod validation, and server action integration for Next.js applications. Use when building forms, input validation, or 'create/edit' UI flows. Do NOT use for non-form components â use /vercel-react-best-practices instead.
Structural audit of implementation plans â dependencies, data flow, ordering, stale artifacts. Runs BEFORE per-phase reviews to catch design-level issues early. Use when asked to 'audit the plan' or after /create-plan for plans with 3+ phases. Do NOT use for per-phase template checks â use /review-plan instead.
Query up-to-date library and framework documentation via the Context7 MCP server.
Review UI code for Vercel Web Interface Guidelines compliance. Use when reviewing React components for accessibility, layout, typography, or interaction patterns. Do NOT use for performance optimization â use /vercel-react-best-practices instead.
Write, review, or debug end-to-end tests using Playwright for critical user flows. Use when asked to 'write E2E tests', 'add test coverage for user flows', or 'debug a flaky test'. Do NOT use for live browser interaction â use /playwright-mcp instead.
Structured multi-step reasoning via Sequential Thinking MCP. Use for complex debugging, architectural trade-offs, or root cause analysis.
Create Next.js Server Actions with Zod validation, auth, and service layer integration. Generates schema + service + action files. Use when building server actions, API mutations, or 'use server' functions. Do NOT use for database schemas â use /postgres-expert instead.
Build pure, interface-agnostic services with injected dependencies for Next.js/Supabase applications. Use when creating service layers, business logic classes, or CRUD operations. Do NOT use for server actions â use /server-action-builder instead.
Web search, content extraction, site crawling, and multi-source research via the Tavily MCP server.
Auto-indexed from darraghh1/my-claude-setup
Are you the author? Claim this skill to take ownership and manage it.
Related Skills
graceful-error-recovery
Use this skill when a tool call, command, or API request fails. Diagnose the root cause systematically before retrying or changing approach. Do not retry the same failing call without first understanding why it failed.
audience-aware-communication
Use this skill when writing any explanation, documentation, or response that will be read by someone else. Match vocabulary, depth, and format to the audience's expertise level before writing.
Refactoring Expert
Expert in systematic code refactoring, code smell detection, and structural optimization. Use PROACTIVELY when encountering duplicated code, long methods, complex conditionals, or any code quality issues. Detects code smells and applies proven refactoring techniques without changing external behavior.
Research Expert
Specialized research expert for parallel information gathering. Use for focused research tasks with clear objectives and structured output requirements.
clarify-ambiguous-requests
Use this skill when the user's request is ambiguous, under-specified, or could be interpreted in multiple ways. If proceeding with a wrong assumption would waste significant work, always ask exactly one focused clarifying question before doing anything.
structured-step-by-step-reasoning
Use this skill for any problem that involves multiple steps, tradeoffs, or non-trivial logic. Think out loud before answering to improve accuracy and transparency. Apply whenever the answer is not immediately obvious.