How do I install the Perigon Angular skill?

Run npx skillmds@latest add tomevault-io/perigon-angular in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Perigon Angular skill do?

Angular 21+ standalone/Material/signal conventions for Perigon WebApp Use when this capability is needed. It is listed under Coding & Dev Tools on SkillMD.

Is Perigon Angular safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Perigon Angular?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Perigon Angular free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Perigon Angular?

tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Perigon Angular by tomevault-io — Agent Skill

Name: Perigon Angular
Author: tomevault-io

File contents

When to use

Frontend work in src/ClientApp/WebApp (components, routes, services, styles, i18n).

Usage

Layout: entry main.ts; app config in app/app.config.ts; routes in app/app.routes.ts; layout shell in app/layout/; pages under app/pages/; shared UI in app/share/components; pipes in app/share/pipe; guards in app/share/auth.guard.ts.
Components: standalone only; avoid NgModules. Use Angular Material; theming in styles.scss/theme.scss/vars.scss; keep page styles alongside each *.scss.
State/forms: prefer signals and signal forms; avoid legacy two-way binding when signals suffice.
Services/API: HTTP clients/types in app/services (admin-client, base.service, models/services); keep customer-http.interceptor active; honor proxy.conf.json; use environments/environment*.ts for endpoints/config.
i18n: strings live in assets/i18n/*.json; align keys with app/share/i18n-keys.ts and scripts/i18n-keys.js.
UX/auth: reuse layout/navigation components; auth via auth.service + auth.guard; paginator intl in share/custom-paginator-intl.ts.
Tooling: use pnpm; avoid builds/tests unless requested. Keep ESLint/tsconfig defaults; prefer standalone Material imports over deprecated modules.

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

Frequently asked questions

Perigon Angular