Menu
Next.js 15 Pages Router frontend development. Feature-based + Container/Presenter pattern, MUI v7 + Emotion CSS-in-JS.
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
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