Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
Provides reference patterns for API clients, REST/GraphQL APIs, error handling, state management, UI components, and database schemas with TypeScript, Python, framework examples.
How this skill is triggered — by the user, by Claude, or both
Slash command
/atn-claudecode-config:patternsThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Reference implementations for common code structures. Each file contains production-ready patterns with TypeScript, Python, and framework-specific examples.
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 |
Creates bite-sized, testable implementation plans from specs or requirements, with file structure and task decomposition. Activates before coding multi-step tasks.
npx claudepluginhub adtechnacity/atn-claudecode-config