菜单
Next.js/Reactを使用した高品質Webサイト・Webアプリを構築する。Use when: Webサイト作成、Webアプリ開発、Next.js、React、ランディングページ、ポートフォリオ、資料サイト作成時。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | web-builder |
| description | Next.js/Reactを使用した高品質Webサイト・Webアプリを構築する。Use when: Webサイト作成、Webアプリ開発、Next.js、React、ランディングページ、ポートフォリオ、資料サイト作成時。 |
awwwards.comに掲載されるレベルの、エレガントで高品質なWebサイト・Webアプリを構築する。
新規Webサイト作成時は必ず以下を実行：
npx create-next-app@latest
cubic-bezier(0.87, 0, 0.13, 1)プロンプト例を表示する場合：
詳細な実装パターンは references/ を参照：
design-system.md - デザインシステムの詳細animations.md - アニメーション実装パターンcomponents.md - 共通コンポーネント学習指導案（細案・略案）を、学習指導要領に基づいた構成で自動作成するスキル。 Use when: 指導案作成、授業設計、学習指導案、単元計画、細案、略案、本時案
学習指導案を自動生成するスキル。文部科学省の学習指導要領（3観点評価）に完全準拠し、Word/Excel形式への出力指示も行います。 Use when: 指導案、授業計画、単元計画、本時の展開、授業準備、学習指導案を作りたい時、研究授業の準備
学習指導案を作成するスキル。文部科学省の学習指導要領に準拠。 Use when: 指導案、授業計画、単元計画、本時の展開、授業準備、学習指導案を作りたい時。
GAS Webアプリ開発スキル（HIG準拠版）。 Use when: GASでWebアプリを作成、doGet、スプレッドシート連携Webアプリ、HIG準拠、GASウェブアプリ、gas-webapp、Apps Script Webアプリ、Googleサービス連携、Gemini API連携の時。
保護者向けのお便り・連絡文書を作成するスキル。 Use when: 保護者への手紙、お便り、学級通信、連絡文書、案内文、お知らせを作成したい時。
通知表の所見・コメントを作成するスキル。 Use when: 通知表、所見、コメント、成績、評価コメント、学期末の評価を書きたい時。