Workflow-Leitfaden
Ein überprüfbarer Agent-Workflow für Frontend und Produkt-UI.
Ein überprüfbarer Agent-Workflow für Frontend und Produkt-UI.
Erwartetes Ergebnis
Workflow-Karte
Mache aus dem gewünschten Ergebnis eine klare, prüfbare Agent-Aufgabe.
Wähle Fähigkeiten für die aktuelle Phase statt einer breiten Kategorie.
Führe den kleinsten sinnvollen Schritt aus, nachdem Quellen, Berechtigungen und Umfang geprüft sind.
Prüfe Evidenz und Ergebnis vor dem nächsten Schritt.
Vorgeschlagene Fähigkeiten
Nach Relevanz für diesen Workflow, Qualität, GitHub-Adoption und Wartungsaktualität sortiert. Dies ist ein Entscheidungsleitfaden, kein einzelner Installationsbefehl.
Repository-Beschreibung (Original)
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
$ npx skills add anthropics/skills --skill frontend-designRepository-Beschreibung (Original)
Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.
$ npx skills add vercel-labs/agent-skills --skill web-design-guidelinesRepository-Beschreibung (Original)
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
$ npx skills add openai/skills --skill figma-implement-designRepository-Beschreibung (Original)
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
$ npx skills add Leonxlnx/taste-skill --skill design-taste-frontendRepository-Beschreibung (Original)
Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
$ npx skills add anthropics/skills --skill brand-guidelinesRepository-Beschreibung (Original)
React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.
$ npx skills add vercel-labs/agent-skills --skill vercel-react-best-practicesRepository-Beschreibung (Original)
Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.
$ npx skills add anthropics/skills --skill webapp-testingRepository-Beschreibung (Original)
Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
$ npx skills add anthropics/skills --skill canvas-designGut geeignet für
Nicht passend, wenn
Benötigst du ein ausführbares Bündel?
Skill Packs enthalten Installationsreihenfolge, Audit-Links und einen maschinenlesbaren Agent-Plan.