Frontend Development

Claude Code skill that generates accessible React components matching the project's design system, tokens, and naming conventions.

A guided 9-step journey for building a Next.js + Postgres web application — from one-line idea to deployed app — with the right prompts, skills, and definition-of-done at each phase.

Pre-configured filesystem MCP server for Claude Code — safe, scoped read/write access to project files.

Build distinctive, production-grade frontend interfaces — bold aesthetics, refined typography, motion, and layout that avoid generic AI looks.

Scaffold a Next.js 15 App Router page with server component, client interactivity, loading state, and tests.

Generate a custom React component composed of shadcn/ui primitives with proper accessibility and types.

Tool-neutral skill that walks developers through PRD → stories → schema → API → tests for any new feature, producing real artifacts at each step. The methodology is identical on every supported tool.

End-to-end playbook for building a Next.js + Postgres web app from a problem statement to production.