Perigon-Angular-Frontends erstellen
Angular-Teams brauchen einheitliche Projektkonventionen für Routen, Services, UI, Styles und i18n. Dieser Skill führt Claude, Codex und Claude Code zu Perigon-WebApp-Mustern.
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das 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.Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.
Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.
„perigon-angular“ wird verwendet. Füge der WebApp eine Admin-Einstellungsseite hinzu.
Erwartetes Ergebnis:
Ein knapper Implementierungsplan, der die Seite unter app/pages platziert, standalone Angular Material-Imports verwendet und das Routing konsistent aktualisiert.
„perigon-angular“ wird verwendet. Prüfe einen Pull Request, der übersetzte Labels hinzufügt.
Erwartetes Ergebnis:
Eine Review-Zusammenfassung, die assets/i18n-Dateien, gemeinsame Schlüsselreferenzen und die Konsistenz benutzerseitiger Texte prüft.
„perigon-angular“ wird verwendet. Modernisiere ein Angular-Formular in einer Perigon-Komponente.
Erwartetes Ergebnis:
Ein Refaktorisierungsplan, der signals verwendet, wo es passt, Validierungsverhalten erhält und Styles neben der Komponente belässt.
Static 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.
Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.
https://skillstore.io/skills/aterdev-perigon-angular/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/aterdev-perigon-angular?utm_source=security_passport_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><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>AterDev. (2026). perigon-angular security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/aterdev-perigon-angular/audits/8@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}
}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"
WebApp-Seiten erstellen oder aktualisieren und dabei den Perigon-Konventionen für Routen, Layouts, Styles und Komponentenstandorte folgen.
Gemeinsame Angular Material-Komponenten mit standalone imports und lokalen Stylesheet-Konventionen erstellen.
Übersetzte Zeichenfolgen und Schlüssel aktualisieren und dabei Assets sowie gemeinsame i18n-Referenzen konsistent halten.
Erstelle eine Perigon-Angular-Seite für [feature]. Folge dem app/pages-Layout, dem Stil für standalone component, der Nutzung von Angular Material und den lokalen SCSS-Konventionen.
Aktualisiere den Angular-Service für [API area]. Behalte Client-Dateien in app/services, erhalte den HTTP interceptor und verwende die vorhandene Umgebungskonfiguration.
Refaktorisiere [component or form], um signals oder signal forms zu verwenden, wo es sinnvoll ist. Erhalte das Verhalten und vermeide legacy two-way binding, sofern es nicht benötigt wird.
Prüfe diese Angular-Änderung auf Perigon-Konventionen. Prüfe Routen, Layout-Wiederverwendung, Material-Imports, Services, i18n-Schlüssel, Auth-Guards und Stylesheet-Platzierung.
Autor
AterDevLizenz
MIT
Skillstore-Revision
r1
Versionshinweis
Der Autor hat keine Version angegeben.
Repository
https://github.com/AterDev/Perigon.template/tree/main/ApiStandard/.github/skills/perigon-angularRef.
c4231f0153ccd2a2ed62274c5a372bf8f2386d3f
Aktualität der Wartung
18.7.2026
Nutzung
8 Downloads · 154 Aufrufe
Dateistruktur
📄 SKILL.md
Perigon-Backend-Funktionen erstellen
Perigon-Backend-Arbeit erfordert strikte Architektur-, EF Core- und Aspire-Konventionen. Dieser Skill führt Claude, Codex und Claude Code durch diese Projektmuster.
Perigon-Coding-Konventionen anwenden
Perigon-Projekte benötigen Agenten, die etablierte Regeln für Backend, Frontend und Dokumentation einhalten. Dieser Skill weist Claude, Codex und Claude Code vor der Codegenerierung auf die richtigen Konventionen hin.
React View Transitions implementieren
von vercel-labs
React View Transitions lassen sich leicht falsch platzieren, was zu unbemerkten oder störenden Animationen führt. Dieser Skill unterstützt Entscheidungen zu Animationen für Routen, Suspense, Listen und Shared Elements.
React-Email-Vorlagen mit Resend erstellen
von resend
Produktionsreife E-Mail-Vorlagen zu erstellen ist schwierig, weil sich E-Mail-Clients unterscheiden. Diese Skill führt Claude, Codex und Claude Code durch React Email-Komponenten, Versand, Styling, Lokalisierung und Editor-Workflows.
Vue 3 TypeScript-Praktiken verbessern
von hyf0
Vue-TypeScript-Projekte stoßen häufig auf verwirrende Template-, Router- und Volar-Fehler. Dieser Skill bietet gezielte Vue 3-Korrekturen für Codex, Claude und Claude Code.
Vue-Options-API-Komponenten verbessern
von vuejs-ai
Vue-Options-API-Projekte können Typsicherheit und korrektes this-Binding verlieren. Diese Skill bietet direkte Muster für sicherere Vue-Komponenten.
Produktionsreife Frontend-Funktionen entwickeln
von davila7
Frontend-Teams benötigen projektübergreifend einheitliche Leitlinien für React und Next.js. Dieser Skill bietet Referenz-Workflows, Qualitätspraktiken und Hilfsskripte für die Frontend-Analyse.
React- und Next.js-Performance optimieren
von vercel-labs
React- und Next.js-Apps verlieren oft durch Waterfalls, große Bundles und vermeidbare Re-Renderings an Geschwindigkeit. Diese Skill gibt Agenten konkrete Regeln für sicherere, performanceorientierte Änderungen.