antfu

Überprüfen Sie Ihre Web-Oberfläche anhand der offiziellen Barrierefreiheits- und Designrichtlinien von Vercel. Erhalten Sie sofortiges Feedback zu semantischem HTML, Fokuszuständen, Formularen, Animationen, Typografie, Bildern und mehr.

Entwickler erstellen oft Benutzeroberflächen ohne etablierte Best Practices zu befolgen, was zu Zugänglichkeitsproblemen und einer schlechten Benutzererfahrung führt. Diese Skill ruft die neuesten Web-Interface-Richtlinien von Vercel ab und prüft den Code automatisch dagegen, mit umsetzbarem Feedback im Standard-Format Datei:Zeile.

Das Erstellen von Vue.js-Funktionen von Grund auf führt zu komplexem, schwer zu wartendem Code. Diese Skill ordnet Anforderungen VueUse-Composables zu und wendet korrekte Muster an, um Implementierungen prägnant, leistungsfähig und wartbar zu halten.

Vue 3-Projekte haben oft Probleme mit der Typprüfung, langen Speicherzeiten und Konfigurationsschwierigkeiten. Diese Skill bietet kuratierte Lösungen für Vue-Component-Typisierung, Volar-Konfiguration und häufige Vue 3-Entwicklungsprobleme.

Das Erstellen von Vue.js-Anwendungen erfordert ein Verständnis für reaktive Zustandsverwaltung, Komponentenkomposition und moderne JavaScript-Muster. Diese Fähigkeit bietet fachkundige Anleitung zur Vue Composition API, zum Komponentendesign und zu den Grundlagen der Reaktivität.

Das Schreiben und Pflegen von Tests ist zeitaufwändig. Vitest bietet ein blitzschnelles Test-Framework, das von Vite angetrieben wird und Jest-kompatible APIs verwendet. Entwickler können damit Unit-Tests mit nativer ESM-, TypeScript- und JSX-Unterstützung direkt schreiben.

An AI skill for Claude, Codex, and Claude Code

Teams benötigen präzise Anleitungen für die Vite-Konfiguration und Build-Workflows. Diese Fähigkeit fasst offizielle Muster und Beispiele zusammen, damit Agenten korrekte Einstellungen und Befehle vorschlagen können.

UnoCSS ist ein sofort einsatzbereites atomares CSS-Framework, das eine flexible, erweiterbare Alternative zu Tailwind CSS bietet. Diese Skill hilft Entwicklern, UnoCSS zu konfigurieren, benutzerdefinierte Utility-Regeln zu schreiben und Presets wie Wind, Icons und Attributify zu nutzen.

Die Verwaltung mehrerer Pakete in einem Monorepo kann zu langsamen Builds und komplexer Task-Orchestrierung führen. Turborepo bietet intelligentes Caching und parallele Ausführung, um Builds zu beschleunigen. Diese Anleitung bietet Expertenunterstützung bei der Konfiguration von Task-Pipelines, Caching-Strategien, Umgebungsvariablen und Best Practices für Monorepos.

Eine AI-Fähigkeit für Claude, Codex und Claude Code

Das Erstellen von TypeScript-Bibliotheken erfordert eine komplexe Bundler-Konfiguration. Diese Skill bietet umfassende Dokumentation für tsdown, einen blitzschnellen Bundler, der auf Rolldown basiert, einschließlich Konfiguration, Plugins und Migration von tsup.

Das manuelle Verwalten von Node.js-Abhängigkeiten ist zeitaufwendig und fehleranfällig. Der pnpm-Skill bietet Claude umfassendes Wissen über pnpm-Befehle, Workspace-Konfiguration, Kataloge, Patches, Overrides und Best Practices für Monorepo-Workflows.

Das Erstellen von Vue-Anwendungen erfordert vorhersehbares State-Management über Komponenten hinweg. Pinia bietet eine typsichere, intuitive API zum Definieren von Stores mit State, Getters und Actions. Dieser Skill bietet umfassende Referenzen zum Aufbau skalierbarer Vue State-Management-Muster.

Die Entwicklung von Full-Stack-Vue-Anwendungen erfordert ein Verständnis für serverseitiges Rendering, basiertes Routing und das Nuxt-Modul-Ökosystem. Diese Fähigkeit bietet umfassende Dokumentation für das Erstellen produktionsreifer Nuxt-Anwendungen mit dem Nitro-Server-Engine.

Projekte leiden oft unter fehlender konsistenter Tooling und Konfiguration zwischen Teammitgliedern. Diese Skill bietet opinionated Best Practices von Anthony Fu, einschließlich TypeScript, ESLint, Vitest und CI/CD-Konfigurationen, die konsistente Codequalität und Developer-Experience über jedes Webprojekt hinweg gewährleisten.