메뉴
Reference patterns for common code structures. USE WHEN building API clients, designing REST/GraphQL APIs, implementing error handling, state management, UI components, or database schemas.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
Create distinctive frontend interfaces, review UI against web guidelines, and build brand identities. USE WHEN building web UI, designing components, pages, landing pages, dashboards, auditing UX/accessibility, reviewing design, creating brand assets, logos, or styling web applications.
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
SOC 직업 분류 기준
| name | patterns |
| description | Reference patterns for common code structures. USE WHEN building API clients, designing REST/GraphQL APIs, implementing error handling, state management, UI components, or database schemas. |
Reference implementations for common code structures. Each file contains production-ready patterns with TypeScript, Python, and framework-specific examples.
| Pattern | Trigger | File |
|---|---|---|
| API Client | HTTP client, fetch wrapper, retries, API integration | api-client.md |
| API Designer | REST design, GraphQL schema, OpenAPI spec, endpoint design | api-designer.md |
| Error Handler | Custom errors, error boundaries, API error responses | error-handler.md |
| State Manager | React state, Zustand, Redux, Context, global state | state-manager.md |
| Component Factory | React/Vue/Svelte components, compound components, polymorphic | component-factory.md |
| Schema Designer | Database schema, migrations, indexing, normalization | schema-designer.md |
