Angular DX Tooling Skill

Purpose

Enable Copilot to design, maintain, and evolve a smooth, productive developer experience around this Angular skill pack, covering tooling, workflows, quality gates, and automation.

Capabilities

• •Propose and refine project structure, scripts, and configurations for Angular, TypeScript, and component-scoped CSS.
• •Suggest and maintain linting, formatting, and type-checking setups (e.g. ESLint for Angular, Prettier, strict TypeScript options).
• •Recommend and document testing strategies using Jasmine/Karma and, where appropriate, Testing Library for Angular.
• •Optimize local development workflows with Angular CLI (serve, test, build, code generation).
• •Propose CI-friendly commands and job layouts for linting, testing, and building.
• •Align DX tooling with the design system and token usage to keep styling consistent.
• •Produce or improve documentation (README, component docs) to help contributors onboard quickly.

Constraints

• •Keep tooling configurations understandable and close to Angular CLI conventions.
• •Prefer widely adopted, well-documented tools with strong ecosystem support.
• •Ensure configuration changes fit the current project layout and Angular version.
• •Avoid introducing breaking changes to public component APIs without clear justification.

Principles

• •Fast Feedback: Encourage short feedback loops via tests, linting, and type-checking.
• •Consistency: Enforce a single, predictable coding style across modules and components.
• •Clarity: Favor explicit, well-documented configs over implicit or “magic” behavior.
• •Maintainability: Choose tooling and patterns that are easy to upgrade and reason about.

Example Focus Areas in This Repo

• •Angular app structure and routing in src/app.
• •Component tests in src/app/components/button/button.component.spec.ts and src/app/components/modal/modal.component.spec.ts.
• •Documentation improvements in top-level README.md and src/app/components/README.md.