Agent Skills für App-Entwicklung

Erstellt und verteilt Expo-Development-Clients lokal oder über TestFlight für interne Tests von nativen Codeänderungen auf physischen Geräten.

von expo/skills

• Testing
• Release

Anti-Slop-Frontend-Skill für Landing Pages, Portfolios und Redesigns. Der Agent liest das Briefing, leitet die richtige Designrichtung ab und liefert Interfaces, die nicht wie Templates wirken. Echte Designsysteme, wenn anwendbar, Audit-first bei Redesigns, strikter Pre-Flight-Check.

von leonxlnx/taste-skill

• Implementation

Bringt der AI bei, wie eine High-End-Agentur zu designen. Definiert die exakten Fonts, Abstände, Schatten, Kartenstrukturen und Animationen, die eine Website teuer wirken lassen. Blockiert alle gängigen Defaults, die AI-Designs billig oder generisch aussehen lassen.

von leonxlnx/taste-skill

Bringt bestehende Websites und Apps auf Premium-Qualität. Auditiert das aktuelle Design, identifiziert generische KI-Muster und wendet High-End-Designstandards an, ohne die Funktionalität zu brechen. Funktioniert mit jedem CSS-Framework oder Vanilla CSS.

von leonxlnx/taste-skill

Dieser Skill kodiert Emil Kowalskis Philosophie zu UI-Politur, Komponentendesign, Animationsentscheidungen und den unsichtbaren Details, die Software großartig wirken lassen.

von emilkowalski/skills

Die ursprüngliche v1-Taste-Skill, erhalten für Projekte, die auf ihrem exakten Verhalten beruhen. Der aktuelle Standard ist `design-taste-frontend` (v2 experimentell), eine substanzielle Neufassung. Verwenden Sie diesen v1-Installationsnamen nur, wenn Sie exakte Rückwärtskompatibilität benötigen.

von leonxlnx/taste-skill

• Design
• Implementation

Apples Ansatz für Interface-Design und flüssige, physische Bewegung, übersetzt für das Web. Verwenden beim Erstellen oder Prüfen gestengesteuerter UI, Spring-Animationen, Drag/Swipe/Sheet-Interaktionen, Momentum und unterbrechbaren Übergängen, transluzenten Materialien und Tiefe, Typografie (optische Größenanpassung, Tracking,…

von emilkowalski/skills

• Testing
• Release

Lädt einen schriftlichen Implementierungsplan, prüft ihn kritisch, führt Aufgaben mit Verifikations-Checkpoints aus und schließt den Entwicklungsbranch ab. Unterstützt den Implementierungsaspekt.

von obra/superpowers

• Implementation

Erstellt Web-Animationen von Grund auf und entscheidet, ob animiert wird, den Zweck, das Tool, die Eigenschaften, die Kurve, die Dauer, Unterbrechung und Exit, und schreibt dann die Implementierung.

von emilkowalski/skills

Einstiegspunkt für die Entwicklung auf Convex, einem reinen TypeScript-reaktiven Backend mit Datenbank, Serverfunktionen, Scheduling, Dateispeicherung, Auth und Echtzeit-Synchronisierung, das zu Capability-Skills weiterleitet.

von get-convex/agent-skills

• Implementation
• Release
• Operate & iterate

Unterstützt bei der Entwicklung von Fastify-Node.js-Backend und REST-API: Routen, Plugins, JSON-Schema-Validierung, Hooks, Fehler, Auth, Performance, Logging und Deployment.

von mcollina/skills

• Design
• Implementation

Generiert Premium-Bilder für Mobile-App-Screens und -Flows für iOS, Android und Cross-Platform-Konzepte, mit Art Direction für Hierarchie, Paletten und Phone-Mockups. Nur Bilder, kein Code.

von leonxlnx/taste-skill

• Implementation

Leitfaden für Prisma Compute Deployment und Hosting: App-Erstellung, prisma.compute.ts-Konfiguration, CLI-Deploys, Framework-Bereitschaft, Logs, Domains und Fehlerbehebung. Relevant für die Aspekte Release und Betrieb.

von prisma/skills

• Release

Entsendet nach Aufgaben oder vor dem Merge einen Code-Reviewer-Subagent mit aufbereitetem Kontext und triagiert Feedback anschließend nach Schwere. Unterstützt die Facetten Testing und Operate/Iterate.

von obra/superpowers

• Requirements
• Design

Durchsucht eine Codebasis nach Vertiefungsmöglichkeiten, präsentiert sie als visuellen HTML-Bericht und arbeitet dann das gewählte Refactoring durch. Relevant für Implementierungs- und Operate/Iterate-Phasen der App-Arbeit.

von mattpocock/skills

• Design

Von Supabase gepflegte Postgres-Best-Practices: Query-Performance, Verbindungsmanagement, RLS-Sicherheit, Schema-Design, Locking und Diagnostik. Relevant, wenn eine App Postgres nutzt.

von supabase/agent-skills

• Operate & iterate

Prüft den Animations- und Motion-Code einer Codebasis als Senior Motion Advisor und erstellt priorisierte Befunde und eigenständige Implementierungspläne. Read-only auf dem Quellcode.

von emilkowalski/skills

• Implementation

Leitet die technische Bewertung von Code-Review-Feedback an: vor der Umsetzung verifizieren, vor Annahmen nachfragen, mit Begründung widersprechen und in Reihenfolge der Schwere umsetzen.

von obra/superpowers

• Implementation

Verdrahtet dependency-cruiser in ein TypeScript-Repo, sodass jedes Paket ein tiefes Modul mit hinter Einstiegspunkten versteckter Implementierung ist, und erzwingt Boundary- und Cycle-Regeln.

von mattpocock/skills

Erstellt ausgefeilte, validierte Architektur-, Workflow-, Sequenz-, Datenfluss- und Lebenszyklus-Diagramme als erkundbare eigenständige HTML mit Themes und Exportoptionen.

von tt-a1i/archify

• Requirements
• Design

Richtet Analytics-Tracking und -Measurement ein, verbessert oder auditiert es: Tracking-Pläne, Event-Naming, GA4, GTM, UTM und Conversion-Tracking.

von coreyhaines31/marketingskills

• Requirements

Ein unerbittliches Interview zur Schärfung eines Plans oder Designs, das nebenbei auch ADRs und ein Glossar erzeugt. Unterstützt Anforderungs- und Designarbeit für App-Projekte.

von mattpocock/skills

• Requirements

Ein unerbittliches Interview, um einen Plan oder Entwurf vor der Umsetzung zu schärfen. Nützlich in der Anforderungs-/Designphase der App-Entwicklung, um die Absicht auf den Prüfstand zu stellen.

von mattpocock/skills

• Requirements

Stellt sicher, dass vor Feature-Arbeit oder Plan-Ausführung ein isolierter Workspace existiert, bevorzugt native Worktree-Tools und fällt auf manuelle git-Worktrees zurück.

von obra/superpowers

Gemeinsames Vokabular für das Design tiefer Module. Verwenden, wenn der Nutzer die Schnittstelle eines Moduls entwerfen oder verbessern, Vertiefungsmöglichkeiten finden, entscheiden will, wo eine Nahtstelle liegt, Code testbarer oder AI-navigierbarer machen möchte, oder wenn ein anderer Skill das Vokabular für tiefe Module benötigt.

von mattpocock/skills

Semantic Design System Skill für Google Stitch. Generiert agent-freundliche DESIGN.md-Dateien, die Premium- und Anti-Generic-UI-Standards durchsetzen — strikte Typografie, kalibrierte Farbe, asymmetrische Layouts, permanente Mikro-Bewegung und hardwarebeschleunigte Performance.

von leonxlnx/taste-skill

• Design
• Implementation

妙搭（Spark/Miaoda）应用开发与托管：应用创建、本地全栈开发、云端生成迭代、创意设计（UI mockup / 可交互原型 / 线框图 / 落地页 / 仪表盘 / 幻灯片 deck / 视觉探索）、AI相关能力和飞书平台能力或者其他外部能力集成、日志/Trace/监控指标/PV/UV 查询、环境变量管理、应用协作者与协作权限设置、应用角色与成员管理、自动化触发器（定时/记录变更/Webhook/飞书审批）。当用户要开发/新建一个系统·工具·平台·应用，或要本地开发 / 云端开发 / 修改 / 部署 / 发布 / 上线 / 拿可分享链接，或用 HTML 做页面·网站·部署到妙搭，或要设计 / design / mockup / prototype / wireframe / 做 PPT / deck / 视觉探索，或提到妙搭/Spark/Miaoda（应用运行时域名形如 *.aiforce.cloud）、应用数据库、应用文件存储、开放 API Key、可见范围、应用协作者/开发权限、应用角色/角色成员、线上日志、接口请求量、错误量、延迟、访问量、环境变量、给妙搭应用配自动化任务/定时触发/审批通过后自动触发时使用。不负责普通云盘文件上传（lark-drive）、飞书文档编辑（lark-doc）、原生幻灯片创建（lark-slides）。

von larksuite/cli

Führt durch Stripe-Integrationsentscheidungen über Entwicklungs- und Testumgebungsplanung (separate Sandboxes vs. die gemeinsame Testmodus-Sandbox), API-Auswahl (Checkout Sessions vs. PaymentIntents), Connect-Plattform-Setup (Accounts v2, Controller-Eigenschaften), Billing/Abonnements, Steuern und Registrierungen (Stripe Tax, automatic_tax, Produktsteuercodes), Treasury-Finanzkonten, Integrationsoptionen (Checkout, Payment Element), Migration von veralteten Stripe-APIs und Sicherheits-Best-Practices (API-Key-Management, API-Key-Berechtigungen, Webhooks, OAuth). Verwenden bei Planung, Aufbau, Änderung, Test oder Review jeder Stripe-Integration, einschließlich Auswahl einer Entwicklungsumgebung, Annahme von Zahlungen, Aufbau von Marktplätzen, Integration von Stripe, Verarbeitung von Zahlungen, Einrichtung von Abonnements, Erhebung von Sales Tax, VAT oder GST, Erstellung verbundener Konten oder Implementierung sicherer Key-Verwaltung.

von stripe/ai

Verwenden, wenn der Nutzer eine mobile App oder UI-Screens entwerfen möchte, wenn er seine Sleek-Projekte (sleek.design) erwähnt oder wenn Sleek-Designs im Code umgesetzt werden (HTML, React Native, SwiftUI).

von designed-by-ai/skills

Voraussetzungen (angegeben): API key · Paid account

Leitfaden für unverwechselbares, bewusstes visuelles Design beim Aufbau neuer oder Umgestaltung bestehender UI. Hilft bei ästhetischer Ausrichtung, Typografie und Entscheidungen, die nicht wie vorgefertigte Standards wirken.

von anthropics/skills

• Implementation

Erstellen, Überprüfen, Refaktorieren oder Architektieren von ASP.NET Core Webanwendungen unter Verwendung aktueller offizieller Anleitungen für die .NET-Webentwicklung. Verwenden bei der Arbeit an Blazor Web Apps, Razor Pages, MVC, Minimal APIs, controllerbasierten Web APIs, SignalR, gRPC, Middleware, Dependency Injection, Konfiguration, Authentifizierung, Autorisierung, Tests, Performance, Deployment oder ASP.NET Core-Upgrades.

von openai/skills

• Implementation

Generiert benutzerdefinierte Design-System-Regeln für die Codebasis des Nutzers. Verwenden, wenn der Nutzer sagt "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelines" oder projektbezogene Konventionen für Figma-zu-Code-Workflows etablieren möchte. Erfordert eine Verbindung zum Figma MCP-Server.

von openai/skills

• Design

Voraussetzungen (angegeben): MCP server

Diese Skill zusammen mit figma-use verwenden, wenn die Aufgabe darin besteht, eine Anwendungsseite, Ansicht oder ein mehrteiliges Layout in Figma zu übertragen. Auslöser: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code'. Dies ist die bevorzugte Workflow-Skill, wann immer der Nutzer eine vollständige Seite, einen Screen oder eine Ansicht in Figma aus Code oder einer Beschreibung erstellen oder aktualisieren möchte. Entdeckt Design-System-Komponenten, Variablen und Styles über search_design_system, importiert sie und setzt Screens schrittweise Abschnitt für Abschnitt mit Design-System-Tokens statt hartcodierten Werten zusammen.

von openai/skills

• Implementation

Übersetzt Figma-Designs in produktionsreifen Anwendungscode mit 1:1 visueller Treue. Verwenden bei der Implementierung von UI-Code aus Figma-Dateien, wenn der Nutzer "Design implementieren", "Code generieren", "Komponente implementieren" erwähnt, Figma-URLs bereitstellt oder darum bittet, Komponenten passend zu Figma-Spezifikationen zu erstellen. Für Figma-Canvas-Schreibvorgänge über `use_figma` verwenden Sie `figma-use`.

von openai/skills

• Implementation

Voraussetzungen (angegeben): Node.js

> Bewerte und erstelle unverwechselbare, produktionsreife Frontend-Interfaces mit hoher Designqualität und Design-System-Compliance. Bewertet anhand von drei Säulen: reibungsloser Weg von der Erkenntnis zur Aktion, hochwertige Handwerkskunst und vertrauenswürdiger Aufbau. VERWENDEN FÜR: PR-Reviews, Design-Reviews, Accessibility-Audits, Design-System-Compliance-Checks, kreatives Frontend-Design, UI-Code-Review, Component-Reviews, Responsive-Design-Checks, Theme-Tests und das Erstellen einprägsamer UIs. NICHT VERWENDEN FÜR: Backend-API-Reviews, Datenbank-Schema-Reviews, Infrastruktur- oder DevOps-Arbeit, reine Business-Logik ohne UI oder Nicht-Frontend-Code.

von microsoft/skills

• Requirements
• Implementation

Verwandelt Notion-Specs in Implementierungspläne, Aufgaben und Fortschrittsverfolgung; verwenden bei der Umsetzung von PRDs/Feature-Specs und beim Erstellen von Notion-Plänen + Aufgaben daraus.

von openai/skills

• Requirements

MUSS für Vue.js-Aufgaben verwendet werden. Empfiehlt nachdrücklich Composition API mit `<script setup>` und TypeScript als Standardansatz. Deckt Vue 3, SSR, Volar, vue-tsc ab. Laden für jede Arbeit mit Vue, .vue-Dateien, Vue Router, Pinia oder Vite mit Vue. IMMER Composition API verwenden, es sei denn, das Projekt erfordert ausdrücklich Options API.

von vuejs-ai/skills

• Design

Für Vue.js-Tests. Behandelt Vitest, Vue Test Utils, Komponententests, Mocking, Testmuster und Playwright für E2E-Tests.

von vuejs-ai/skills

Prüft UI-Code auf Einhaltung der Web Interface Guidelines. Verwenden, wenn gefragt wird: "review my UI", "check accessibility", "audit design", "review UX" oder "check my site against best practices".

von vercel-labs/agent-skills

Toolkit für die Interaktion mit und das Testen von lokalen Webanwendungen mit Playwright. Unterstützt die Verifikation von Frontend-Funktionalität, das Debuggen von UI-Verhalten, das Erfassen von Browser-Screenshots und das Anzeigen von Browser-Logs.

von anthropics/skills

• Implementation

Skalierbare Designsysteme mit Tailwind CSS v4, Design-Tokens, Komponentenbibliotheken und responsiven Mustern erstellen. Verwenden beim Erstellen von Komponentenbibliotheken, Implementieren von Designsystemen oder Standardisieren von UI-Mustern.

von wshobson/agents

antfu-artige Designkonventionen, erweitert. UnoCSS-first, klassenbasierte semantische Tokens mit dualem Hell/Dunkel für Tooling- und Devtools-UIs, plus Design-Read, Anti-Slop und Micro-Interaction-Politur für Landing Pages und Produktoberflächen. Verwenden beim Erstellen oder Refactoring jeder Oberfläche mit UnoCSS.

von antfu/skills

Leitet stabiles API- und Interface-Design an. Verwenden beim Entwerfen von APIs, Modulgrenzen oder jeglichen öffentlichen Schnittstellen. Verwenden beim Erstellen von REST- oder GraphQL-Endpunkten, beim Definieren von Typverträgen zwischen Modulen oder beim Festlegen von Grenzen zwischen Frontend und Backend.

von addyosmani/agent-skills

• Implementation

Verwenden, wenn die Implementierung abgeschlossen ist, alle Tests bestehen und du entscheiden musst, wie die Arbeit integriert wird.

von obra/superpowers

Erstellt Spezifikationen vor dem Coding. Verwenden beim Start eines neuen Projekts, Features oder einer wesentlichen Änderung, wenn noch keine Spezifikation existiert. Verwenden beim Entwurf eines PRD oder Anforderungsdokuments mit Zielen und Umfang oder wenn Anforderungen unklar, mehrdeutig oder nur als vage Idee vorhanden sind. Verwenden, wenn eine einzelne Anforderung mehrere unabhängig testbare Fähigkeiten umfasst und vor der Spezifizierung in eine Fähigkeitskarte von Modulen zerlegt werden muss.

von addyosmani/agent-skills

• Requirements
• Implementation

Treibt die Entwicklung mit Tests über die Red-Green-Refactor-Schleife voran. Verwenden bei der Implementierung jeglicher Logik, beim Beheben jeglicher Fehler oder beim Ändern jeglichen Verhaltens. Verwenden, wenn du beweisen musst, dass Code funktioniert, wenn ein Bug Report eingeht oder wenn du bestehende Funktionalität ändern willst.

von addyosmani/agent-skills

Führt Playwright-Tests im großen Maßstab mit Azure Playwright Workspaces (früher Microsoft Playwright Testing) aus. Verwenden beim Skalieren von Browsertests über cloud-gehostete Browser, bei der Integration in CI/CD-Pipelines oder beim Veröffentlichen von Testergebnissen im Azure-Portal.

von microsoft/skills

• Requirements
• Release

Extrahiert eine DESIGN.md-Designdokumentationsdatei aus einer Penpot-Datei: eine portable Markdown-Spezifikation (YAML-Frontmatter mit Token-Maps für Farben/Typografie/Rounded/Spacing/Komponenten + Prosa-Abschnitte: Overview, Colors, Typography, Layout, Shapes, Components, Do's & Don'ts, Iteration Guide, Known Gaps) im design-md-Format, fundiert auf den echten Tokens, Library-Assets und gesampelten Komponentenstilen der Datei — niemals erfunden. Read-only auf dem Canvas; schreibt eine lokale Markdown-Datei. Trigger: 'generate DESIGN.md', 'create a design.md', 'document the design system as markdown', 'export design guidelines', 'extract design documentation', 'design system spec file', 'make a style guide file from this design'.

von penpot/penpot-ai-kit

Prüfe ein Penpot-Design gegen seinen implementierten Code (eine Quellkomponente oder Storybook-Story) und gib einen strukturierten DRIFT-Bericht aus. Verwende dies, wenn ein Engineer bestätigen muss, dass der Build zum Design passt: HTML/CSS aus einer Auswahl extrahieren, seine Tokens/Struktur/Zustände auf die Code-Komponente abbilden, sie diffen und auflisten, was auf jeder Seite fehlt, mit Schweregrad und Abgleich. Fällt bei fehlender Code-Quelle sauber auf eine Design-System-Token-Prüfung zurück. Auslöser: 'design to code review', 'does my code match the design', 'design code parity', 'compare Penpot to my component', 'check this against Storybook', 'extract HTML/CSS from this selection', 'find design drift', 'design implementation diff'.

von penpot/penpot-ai-kit

Erstellt, testet und deployt Microsoft 365 Apps und Agents für Teams und Copilot. Enthält Sub-Skills für Projekterstellung, lokales Testen, Cloud-Deployment, Fehlerbehebung und Slack-zu-Teams-Migration. USE FOR: Teams agent, bot, tab, message extension, Declarative Agents, Custom Engine Agents, local testing, Agents Playground, Azure resource provision, remote deployment, Slack to Teams migration, cross-platform bot development, Block Kit to Adaptive Cards conversion. DO NOT USE FOR: general web development, non-bot/non-Teams projects.

von microsoft/skills

• Release

Unterzieht jede nicht triviale Entscheidung einer adversarialen Überprüfung mit frischem Kontext, bevor sie Bestand hat. Verwenden, wenn jede Annahme vor dem Fortfahren hinterfragt werden soll, beim Stresstest eines Plans auf verborgene Fehlermodi, wenn Korrektheit wichtiger ist als Geschwindigkeit, bei der Arbeit in unbekanntem Code, bei hohen Einsätzen (Produktions-Auth, sicherheitssensible Logik, eine Migration mit hohem Risiko, irreversible Operationen) oder immer dann, wenn eine zuverlässige Ausgabe jetzt günstiger zu verifizieren wäre als später zu debuggen.

von addyosmani/agent-skills

• Testing
• Release

Fundiert jede Implementierungsentscheidung in offizieller Dokumentation. Verwenden, wenn ein Ansatz vor der Umsetzung anhand der offiziellen Docs geprüft werden soll oder wenn autoritativer, quellenbelegter Code frei von veralteten Mustern gewünscht ist. Verwenden beim Bauen mit jedem Framework oder jeder Bibliothek, bei dem/der Korrektheit zählt.

von addyosmani/agent-skills

• Requirements
• Implementation

Voraussetzungen (angegeben): Python

Verwenden, wenn Implementierungspläne mit unabhängigen Aufgaben in der aktuellen Sitzung ausgeführt werden

von obra/superpowers

Entwirft und prüft iOS UI/UX für iPhone-Apps in SwiftUI, UIKit oder React Native: Navigation, Typografie, Formulare, Tastatur- und Safe-Area-Layout sowie Barrierefreiheit gemäß Apple HIG.

von uizze.sh

• Implementation

Anti-ui-slop-Playbooks zum Erstellen und Polieren von Web- und iOS-Interfaces: Layout, Hierarchie, Feinschliff, Audit und Craft-Workflows mit optionalen Referenzen auf echte Produkte.

von uizze.sh

• Implementation