Menu
Frontend patterns for React, Next.js, state management, performance, and UI implementation.
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
Suggests manual context compaction at logical intervals to preserve context through task phases rather than arbitrary auto-compaction.
Use structured self-debugging when an agent loops, stalls, drifts, or repeatedly fails.
Baseline coding conventions for naming, readability, immutability, and code-quality review.
Use current primary documentation for library, framework, API, and setup questions.
Use Playwright for CatatZ critical flows, async Server Components, artifacts, and CI E2E tests.
Library reference for Next.js 16 Turbopack development and webpack compatibility.
| name | frontend-patterns |
| description | Frontend patterns for React, Next.js, state management, performance, and UI implementation. |
Read and follow ../../../.agents/skills/frontend-patterns/SKILL.md, then apply CatatZ DESIGN.md as the higher-priority UI contract.
