perigon-angular
Build Perigon Angular Frontends
Angular teams need consistent project conventions across routes, services, UI, styles, and i18n. This skill guides Claude, Codex, and Claude Code toward Perigon WebApp patterns.
Install with my Agent
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "perigon-angular" from https://skillstore.io/skills/aterdev-perigon-angular.md and its manifest at https://skillstore.io/api/skills/aterdev-perigon-angular/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Your Agent should still show its plan and request any confirmation required by the security policy.
Agent-readable resources
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Test it
Using "perigon-angular". Add an admin settings page to the WebApp.
Expected outcome:
A concise implementation plan that places the page under app/pages, uses standalone Angular Material imports, and updates routing consistently.
Using "perigon-angular". Review a pull request that adds translated labels.
Expected outcome:
A review summary that checks assets/i18n files, shared key references, and user-facing text consistency.
Using "perigon-angular". Modernize an Angular form in a Perigon component.
Expected outcome:
A refactor plan that uses signals where suitable, preserves validation behavior, and keeps styles beside the component.
Security Audit
SafeStatic findings were false positives caused by Angular guidance using words like standalone, signals, and tooling. No prompt injection, data exfiltration intent, or unsafe command execution was found in SKILL.md.
Share & cite this report
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
Copy report link
https://skillstore.io/skills/aterdev-perigon-angular/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown badge
[](https://skillstore.io/skills/aterdev-perigon-angular?utm_source=security_passport_badge)HTML badge
<a href="https://skillstore.io/skills/aterdev-perigon-angular?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/aterdev-perigon-angular/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Embed card
<iframe src="https://skillstore.io/embed/skills/aterdev-perigon-angular.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Academic citations (APA · BibTeX · CFF)
APA citation
AterDev. (2026). perigon-angular security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/aterdev-perigon-angular/audits/8BibTeX citation
@techreport{aterdev-aterdev-perigon-angular-2026,
author = {AterDev},
title = {perigon-angular security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/aterdev-perigon-angular/audits/8},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "perigon-angular security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "AterDev"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/aterdev-perigon-angular/audits/8"
identifiers:
- type: other
value: "skillstore:aterdev-perigon-angular:audit:8"
description: "Skillstore immutable audit report identifier"
Skillstore Score
Why this score Evidence Confidence: HighWhat You Can Build
Add Angular Pages
Create or update WebApp pages while following Perigon route, layout, style, and component locations.
Maintain Shared UI
Build shared Angular Material components with standalone imports and local stylesheet conventions.
Align Localization Work
Update translated strings and keys while keeping assets and shared i18n references consistent.
Try These Prompts
Create a Perigon Angular page for [feature]. Follow the app/pages layout, standalone component style, Angular Material usage, and local SCSS conventions.
Update the Angular service for [API area]. Keep client files in app/services, preserve the HTTP interceptor, and use existing environment configuration.
Refactor [component or form] to use signals or signal forms where appropriate. Preserve behavior and avoid legacy two-way binding unless needed.
Review this Angular change for Perigon conventions. Check routes, layout reuse, Material imports, services, i18n keys, auth guards, and stylesheet placement.
Best Practices
- Keep new UI work inside the existing WebApp folder structure.
- Use standalone components and Angular Material imports that match nearby files.
- Update i18n keys and translated strings together.
Avoid
- Do not introduce NgModules for new components.
- Do not bypass the existing customer HTTP interceptor.
- Do not scatter page styles outside the component stylesheet pattern.
Frequently Asked Questions
What projects is this skill for?
Does it require Angular Material?
Can it help with services?
Does it cover localization?
Should tests run automatically?
Which AI tools are supported?
Developer Details
Author
AterDevLicense
MIT
Skillstore revision
r1
Version notice
The author did not declare a version.
Repository
https://github.com/AterDev/Perigon.template/tree/main/ApiStandard/.github/skills/perigon-angularRef
c4231f0153ccd2a2ed62274c5a372bf8f2386d3f
Maintenance freshness
7/18/2026
Usage
8 downloads · 154 views
File structure
📄 SKILL.md