Skip to content
Get packs

Angular Developer Guidelines

Guides an agent to generate Angular code and follow Angular architecture and best practices

Source Download skill
Repository
affaan-m/ECC
Stars
295,127
Licence
MIT
Files
1 file

What it does

Teaches the agent how to work on Angular projects: check the project's Angular version first, scaffold components, services and routes with the Angular CLI, and use modern features such as signals, signal forms, dependency injection, routing, SSR, accessibility, animations and testing. It points the agent to detailed reference files for each topic and asks it to run ng build after generating code to catch errors. The file is written in Japanese, though it refers to Angular's English documentation.

Great for

  • Developers building or maintaining an Angular application who want an agent to follow current Angular conventions
  • Teams starting a new Angular project who want the agent to choose a sensible ng new command
  • Developers learning modern Angular patterns such as signals and standalone-style components

Skip it if

  • Projects that use other front-end frameworks such as React or Vue, since the guidance is Angular-specific
  • Older Angular versions where the signal-based APIs described here may not exist; the agent must check the project version first
  • Relying on it alone for production decisions without review, because the referenced reference files were not included in the submitted material and the guidance is only as good as the agent's execution

Try asking

  • “Create a new Angular project with the latest stable version and set up routing”
  • “Generate a signal-based component with a linkedSignal and a resource for fetching data”
  • “Add reactive forms and route guards to my existing Angular app”
  • “Set up Angular Tailwind CSS integration and write component harness tests”
Step-by-step guide: how to use Angular Developer GuidelinesInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 1 original files, the MIT licence and an attribution note.

    angular-developer.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip angular-developer.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip angular-developer.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Tell the agent which Angular version your project uses so it follows the right APIs
  • Ask the agent to run ng build after changes and review the output, since the skill requires it
  • Check generated code and any npx-fetched CLI versions before accepting them, since the skill runs commands on your machine

What's inside

  • SKILL.md

Redistributed unmodified from affaan-m/ECC under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.