Next.js React Implementation Generator

Overview

Transform design specification documents into production-ready Next.js/React components with complete TypeScript types, Tailwind CSS styling, comprehensive tests, and Storybook documentation. This skill focuses on accurate implementation following modern React patterns and best practices.

Use this skill when:

• Implementing components from design specifications
• Creating React components with TypeScript
• Generating Tailwind CSS styled components
• Writing Vitest browser mode tests
• Creating Storybook documentation
• Building component libraries

Prerequisites

This skill expects a design specification document created by the figma-design-analyzer skill or a similar structured specification. The specification should include: