einfachskills_

Kategorie

Entwicklung

Entwicklungs-Skills sind das Herzstück des Agent-Skill-Ökosystems. Sie bringen Coding-Agents wie Claude Code, Codex oder Cursor bei, nach professionellen Standards zu arbeiten: Test-Driven Development statt Quick-and-dirty, systematisches Debugging statt Rätselraten, saubere Git-Workflows statt chaotischer Commits. Viele dieser Skills stammen von erfahrenen Engineering-Teams — etwa Vercel oder dem Superpowers-Projekt von Jesse Vincent — und kodifizieren Arbeitsweisen, die sich in echten Projekten bewährt haben. Wer einen Coding-Agent produktiv einsetzt, sollte hier anfangen: Schon ein einzelner gut geschriebener Skill verändert spürbar, wie diszipliniert der Agent arbeitet.


16 Skills in dieser Kategorie

Entwicklung

Test-Driven Development

Erzwingt echten TDD-Workflow: Erst der rote Test, dann die Implementierung.

· TDD· Testing· Workflow

Entwicklung

Systematic Debugging

Methodische Fehlersuche in vier Phasen statt hektischem Trial-and-Error.

· Debugging· Root Cause· Workflow

Entwicklung

Using Git Worktrees

Isolierte Git-Worktrees für parallele Feature-Arbeit — mit Sicherheitsprüfungen.

· Git· Worktrees· Parallelisierung

Entwicklung

Webapp Testing

Anthropics offizieller Skill für Frontend-Tests mit Playwright.

· Playwright· E2E-Tests· Browser

Entwicklung

Vercel React Best Practices

React- und Next.js-Leitlinien direkt vom Vercel-Engineering-Team.

· React· Next.js· Best Practices

Entwicklung

Grill Me

Matt Pococks Skill für schonungslose Code-Reviews der eigenen Änderungen.

· Code Review· Qualität· TypeScript

Entwicklung

OpenAI Docs

Aktuelle OpenAI-Dokumentation, Codex-Auskunft und Modellwahl per MCP mit Quellenangabe

· OpenAI· Codex· Dokumentation

Entwicklung

Web Performance Audit

Führt strukturierte Performance-Audits mit Chrome DevTools MCP durch, inkl. Core Web Vitals.

· Core Web Vitals· Chrome DevTools· Lighthouse

Entwicklung

Sentry Code Review

Checkliste für Code-Reviews nach Sentry-Standard: Sicherheit, Performance, Tests, Design.

· Code Review· Pull Requests· Sentry

Entwicklung

gh-fix-ci

Analysiert fehlgeschlagene GitHub-Actions-Checks in PRs und schlägt einen Fix-Plan vor

· GitHub Actions· CI/CD· gh-cli

Entwicklung

Figma Implement Design

Setzt Figma-Designs per MCP-Server pixelgenau in Produktionscode um

· Figma· MCP· Design-to-Code

Entwicklung

GitHub PR Workflows

gh-CLI-Workflows für Pull Requests, Squash-Merges und Stacked-PR-Rebases

· github· gh-cli· pull-request

Entwicklung

Accessibility Audit (WCAG 2.2)

WCAG-2.2-Referenz für Agents: Barrierefreiheit prüfen und Code-Fixes umsetzen

· Barrierefreiheit· WCAG 2.2· Lighthouse

Entwicklung

Performance Optimizer

Konkrete Web-Performance-Optimierungen mit Fokus auf Core Web Vitals und Lighthouse-Metriken

· Web Performance· Core Web Vitals· Lighthouse

Entwicklung

Accessibility Testing Skill

Prüft Komponenten, E2E-Flows und CI-Pipelines auf automatisierte Barrierefreiheitstests

· accessibility· a11y· testing

Entwicklung

Accordion Accessibility Checker

Prüft Accordion-Markup auf ARIA-Attribute und Tastaturbedienbarkeit.

· Barrierefreiheit· ARIA· HTML