Menu
Next.js/Reactを使用した高品質Webサイト・Webアプリを構築する。Use when: Webサイト作成、Webアプリ開発、Next.js、React、ランディングページ、ポートフォリオ、資料サイト作成時。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
学習指導案（細案・略案）を、学習指導要領に基づいた構成で自動作成するスキル。 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: 通知表、所見、コメント、成績、評価コメント、学期末の評価を書きたい時。
| 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 - 共通コンポーネント