Skill Claude CodeCodex
Reference for ARIA roles, patterns, and forbidden anti-patterns for common UI primitives (button, modal, tabs, combobox, etc.).
The Otter project is a highly modular framework whose goal is to provide a common platform to accelerate and facilitate the development of runtime customizable Angular based Web Applications
Skill Claude CodeCodex
Reference for ARIA roles, patterns, and forbidden anti-patterns for common UI primitives (button, modal, tabs, combobox, etc.).
Skill Claude CodeCodex
Write and review automated axe accessibility scans using @axe-core/playwright: setup, tag selection, selector scoping, interpreting violations, and waiving known rules.
Skill Claude CodeCodex
Audit UI components for WCAG 2.1/2.2 AA conformance: ARIA patterns, keyboard navigation, color contrast, and accessibility evidence block.
Skill Claude CodeCodex
Write keyboard-only test variants and focus management checks using Playwright: navigation patterns, focus expectations, helpers, and file structure conventions.
Skill Claude CodeCodex
Page-level WCAG checks for full-page or route audits: heading hierarchy, page title uniqueness, focus on route change, and axe test coverage.
Skill Claude CodeCodex
Create a new TypeScript SDK from an OpenAPI specification, either as a standalone project or inside an existing Angular/Nx monorepo. Use when user wants to scaffold, bootstrap, initialize, or generate an SDK.
Skill Claude CodeCodex
Install and configure the @ama-sdk/mcp server so AI assistants can read SDKCONTEXT.md from installed SDK packages. Use when the getsdkcontext tool is unavailable, or the user asks to "set up the ama-sdk mcp" or "configure sdk context server".
Skill Claude CodeCodex
Use and create @ama-sdk plugins for request transformation, authentication, resilience, and response processing. Use when user asks about SDK plugins, wants to add auth/retry/timeout, needs to create a custom plugin, or wants to transform requests before sending, wrap the fetch call itself (logging, metrics…
Skill Claude CodeCodex
Install, configure, and use a TypeScript SDK generated with @ama-sdk. Use when user wants to call APIs, set up a client (fetch, Angular, beacon), or understand how to use an existing SDK package.
Skill Claude CodeCodex
This skill should be used when developing UI components, writing CSS/SCSS styles, or when the user asks about design tokens, theming, CSS custom properties, or styling conventions. Guides token-first development and Otter extensions usage.
Skill Claude CodeCodex
Install and configure the @ama-styling/mcp server so AI assistants can discover and recommend design tokens. Use when the listdesigntokens or finddesigntoken tools are unavailable, or the user asks to "set up styling mcp" or "configure design tokens mcp".
Skill Claude CodeCodex
Decision tree for single component versus container/presenter, which componentStructure to generate, and which componentType to declare. Invoked by logic-placement and logic-review, not directly.
Skill Claude CodeCodex
Decide where new logic belongs — component shape, logic layer, and store variant — when designing a component, service, or store in an Angular/Otter workspace. Use logic-review to assess existing code.
Skill Claude CodeCodex
Review existing components, services, or stores for misplaced logic — presenter leaks, componentType mismatches, wrong store variants. Use logic-placement when designing something new.
Skill Claude CodeCodex
Decision tree for whether logic belongs in the component class, a service, or an NgRx store, including service scope and where API calls go. Invoked by logic-placement and logic-review, not directly.
Skill Claude CodeCodex
Decision tree for which NgRx store variant to generate — entity or simple, sync or async. Invoked by logic-placement and logic-review once a store is justified, not directly; it does not decide whether a store is warranted.
Skill Claude CodeCodex
This skill should be used when the @o3r/mcp MCP server is not available and needs to be installed, or when the user asks to "install otter mcp", "setup otter mcp", or "configure otter mcp server".
Skill Claude CodeCodex
This skill should be used when the user asks to "add configuration to a component", "introduce a config flag", "add a feature toggle", "add a runtime config", "create a config property", or when any new configuration flag is being introduced in an Otter workspace. Guides scope decisions, safe defaults, and…
Skill Claude CodeCodex
This skill should be used when the user asks to "add a rule", "create a ruleset", "add a fact", "create a custom operator", "add a rules-engine action", "make behavior conditional at runtime", or when authoring or debugging anything in an Otter @o3r/rules-engine workspace. Guides the fact/operator/action/ruleset…
Skill Claude CodeCodex
This skill should be used when the user asks to "create a component", "generate a library", "scaffold a service", "add a fixture", or when creating any Angular artifact in an Otter workspace. Ensures schematics are used over manual file creation.
Skill Claude CodeCodex
This skill should be used when the user asks to "create an E2E test", "write a Playwright scenario", "add a Playwright test", "generate e2e tests", "create actions and checks", "write playwright checks", "add scenario for feature", or when modifying, reviewing, or debugging Playwright E2E test files in the workspace.
Skill Claude CodeCodex
This skill should be used when writing or reviewing reactive code in components, services, or stores — any time a choice is made between using Angular Signals (signal, computed, input, effect) or RxJS Observables (subscribe, pipe, switchMap, async pipe). Guides the decision with Otter-specific patterns.