ワンクリックで
frontend-development
Next.js 15 Pages Router frontend development. Feature-based + Container/Presenter pattern, MUI v7 + Emotion CSS-in-JS.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
メニュー
Next.js 15 Pages Router frontend development. Feature-based + Container/Presenter pattern, MUI v7 + Emotion CSS-in-JS.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Build API client tests with Vitest and MockHandler. Validate OpenAPI contract compliance with table-driven tests and minimal mocks.
Next.js 15 + Cloudflare Workers + @vspo-lab/api client. Result-type error handling, OpenAPI-generated client, feature-based architecture.
PR/code review based on architecture rules. Detects violations of UseCase implementation rules, Result type, and JSDoc conventions.
Create a conventional commit. No Co-Authored-By trailer.
Design tokens (OKLch), color palette, typography, UI patterns, accessibility (WCAG 2.2).
Update docs/domain alongside feature additions and spec changes, maintaining a history of specification decisions.
| name | Frontend Development |
| description | Next.js 15 Pages Router frontend development. Feature-based + Container/Presenter pattern, MUI v7 + Emotion CSS-in-JS. |
service/vspo-schedule/v2/web/docs/web-frontend/architecture.md - Feature-based + Container/Presenter patterndocs/web-frontend/react-hooks.md - React hooks guidelinesdocs/web-frontend/styling.md - MUI v7 + Emotion theming and component stylingdocs/web-frontend/accessibility.md - WCAG 2.2 Level AA