Angular UI Skills

Angular UI Skills banner

Per-library agent skills that teach AI coding assistants (Claude Code, Cursor, Codex, Copilot, Gemini, and 15 more) how to build real Angular apps. Composes with Google's angular-developer base skill.

Install

npx skills@latest add mofirojean/angular-ui-skills -g

Drop the -g for a project-scoped install.

Skills

Skill Library Tracks
spartan-ng-developer Spartan/ng @spartan-ng/brain 1.0.2
primeng-developer PrimeNG 21.1.9
ng-zorro-developer NG-ZORRO ng-zorro-antd 21.3.2
angular-material-developer Angular Material @angular/material 22.0.2
ui-craft Cross-cutting Refactoring UI + the 3 tells

The first four skills are library-specific and load when their packages are detected. ui-craft is library-neutral, it teaches design discipline (hierarchy, spacing, color, depth, finishing) and composes with any of them. Each library skill is validated by a deployed reference app under examples/.

Links

Manual install

If you don't want the CLI, clone a single SKILL into your agent's folder:

mkdir -p ~/.claude/skills && \
  curl -fsSL https://github.com/mofirojean/angular-ui-skills/archive/master.tar.gz | \
  tar -xz --strip-components=2 -C ~/.claude/skills \
    angular-ui-skills-master/skills/spartan-ng-developer \
    angular-ui-skills-master/skills/primeng-developer \
    angular-ui-skills-master/skills/ng-zorro-developer \
    angular-ui-skills-master/skills/angular-material-developer \
    angular-ui-skills-master/skills/ui-craft

For Cursor, drop a SKILL.md into .cursor/rules/. For other agents, copy any skills/<name>/SKILL.md into the agent's skill or rules folder.

License

MIT