Best Practices für Frontend-Tests. Betont E2E-Tests gegenüber Unit-Tests, minimales Mocking und das Testen von Verhalten statt Implementierungsdetails. Verwenden beim Schreiben von Tests oder beim Überprüfen von Testcode.
Dieses Skill, `sergiodxa/frontend-testing-best-practices` (ursprünglich als eine Sammlung von Richtlinien konzipiert, hier als Skill für KI-Agenten umgesetzt), bietet Entwicklern und KI-Agenten – wie Claude Code, Cursor oder Codex – eine konsistente und bewährte Methodik für Frontend-Tests. Es priorisiert End-to-End (E2E)-Tests (z. B. mit Playwright oder Cypress) gegenüber Unit-Tests, da diese das Benutzerverhalten genauer abbilden und die tatsächliche Funktionalität der Anwendung sicherstellen. Das Skill empfiehlt, Mocking auf ein Minimum zu beschränken, um die Testrealität zu erhöhen und fragile Tests zu vermeiden. Statt Implementierungsdetails (wie internen Funktionsaufrufen oder States) zu testen, fokussiert es auf das sichtbare Verhalten der Komponenten oder Seiten. Entwickler nutzen dieses Skill, um neue Tests zu schreiben, bestehende Tests zu überprüfen oder Code-Reviews mit einem einheitlichen, robusten Testansatz durchzuführen. Durch die Befolgung dieser Praktiken werden Tests wartbarer, zuverlässiger und liefern ein höheres Vertrauen in die Qualität der Frontend-Anwendung.
npx skills add https://github.com/sergiodxa/agent-skills/tree/main/skills/frontend-testing-best-practicesInstalled? Explore more Produktivität & Zusammenarbeit skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →
Best Practices für Frontend-Tests. Betont E2E-Tests gegenüber Unit-Tests, minimales Mocking und das Testen von Verhalten statt Implementierungsdetails. Verwenden beim Schreiben von Tests oder beim Überprüfen von Testcode.
This repo contains 2 individual skills — each has its own dedicated page.
React performance optimization guidelines. Use when writing, reviewing, or refactoring React components to ensure optimal rendering and bundle patterns. Triggers on tasks involving React components, hooks, memoization, or bundle optimization.
Security audit guidelines for web applications and REST APIs based on OWASP Top 10 and web security best practices. Use when checking code for vulnerabilities, reviewing auth/authz, auditing APIs, or before production deployment.
Gemini CLI one-shot prompts, summaries, generation, skills, hooks, MCP, or Gemma routing.
Fetch GitHub issues, select candidates, spawn background fix agents, open PRs, and optionally process PR review comments.
Create, edit, audit, tidy, validate, or restructure AgentSkills and SKILL.md files.
Search, install, update, sync, or publish agent skills with the ClawHub CLI and registry.
Delegate coding work to Codex, Claude Code, or OpenCode as background workers; not simple edits or read-only code lookup.
List, configure, authenticate, call, and inspect MCP servers/tools with mcporter over HTTP or stdio.