Skill Store 33

Nextjs React Implementation

Generate production-ready Next.js/React components from design specifications.

by xtone

The skill

Generate production-ready Next.js/React components from design specifications. Use this skill when you have a design specification document and need to create React/TypeScript components with Tailwind CSS styling, Vitest tests, and Storybook documentation.

This skill's licence does not allow redistribution, so the store does not show its text. Read it at the source.

Use this skill

Connect your agent to the Skill Store MCP server and ask for it by ref: xtone/nextjs-react-implementation-21596462702.

Markdown version

Details

Publisher
xtone
Category
Software Development › Frontend & UI
Updated
2026-10-16

References

More from xtone

  • Android Api Client Retrofit + OkHttpを使用したAPIクライアント実装のベストプラクティスを提供する。 「API実装」「APIクライアント」「Retrofit」「OkHttp」「ネットワーク」と言わ…
  • Android Architecture Androidプロジェクトのアーキテクチャ設計を支援。プロジェクト特性に応じてMVI/MVVM/シンプルComposeから最適なパターンを提案し、パッケージ構造の設計と既存プロジェクトの分析を行う。
  • Android Crash Analyzer Firebase Crashlyticsのスタックトレースを解析し、トリアージ分類→根本原因分析→修正提案を出力するスキル。/crash-analyze コマンド、クラッシュ解析、スタックトレー…
  • Android Data Layer Android data layer implementation guide.

Related skills

  • Design Code Generate production-ready, accessible, token-driven component code for ANY framework — React+Tail…
  • Frontend Design Ultimate Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mo…
  • Nextjs Typescript Tailwindcss Supabase Full-stack Next.js 14 development with TypeScript, TailwindCSS, and Supabase for building product…
  • Figma To React Use when the user wants to extract Figma designs into production-ready React or Next.js component…
  • Component Gen Generate React/Vue/Svelte components from descriptions