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)
An AI agent skill that provides design intelligence and UI/UX guidelines for building professional interfaces across multiple platforms.
$ npx skills add nextlevelbuilder/ui-ux-pro-max-skillRepository-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)
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)
Automate a real browser from the terminal for navigation, form filling, snapshots, screenshots, extraction, and UI-flow debugging.
$ npx skills add openai/skills --skill playwrightGut 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.