Web Quality Skills
Skill Verifiziert AktivWenden Sie moderne Best Practices für die Webentwicklung in Bezug auf Sicherheit, Kompatibilität und Codequalität an. Verwenden Sie dies, wenn Sie "Best Practices anwenden", "Sicherheitsaudit durchführen", "Code modernisieren", "Codequalitätsprüfung durchführen" oder "nach Schwachstellen suchen" aufgefordert werden.
Entwicklern zu helfen, robuste, sichere und qualitativ hochwertige Webanwendungen zu implementieren, indem ihnen umsetzbare Best Practices und Muster bereitgestellt werden.
Funktionen
- Sicherheits-Best-Practices (HTTPS, CSP, SRI, Eingabe-Sanitisierung)
- Richtlinien zur Browserkompatibilität (Doctype, Charset, Viewport, Feature Detection)
- Codequalitätsmuster (gültiges HTML, semantisches HTML, Fehlerbehandlung)
- Ratschläge zur Leistungsoptimierung
- Referenzen zu Audit-Tools und -Ressourcen
Anwendungsfälle
- Wenn Sie aufgefordert werden, Best Practices auf Webcode anzuwenden.
- Bei der Durchführung eines Sicherheitsaudits einer Webanwendung.
- Bei der Modernisierung von bestehendem Webcode.
- Bei der Durchführung einer Codequalitätsprüfung für ein Webprojekt.
Nicht-Ziele
- Automatisierte Codekorrektur (bietet Anleitungen, keine direkte Codeänderung).
- Framework-spezifisches Linting oder Codegenerierung.
- Laufzeitüberwachung oder Leistungsprofilierung.
Installation
Zuerst Marketplace hinzufügen
/plugin marketplace add addyosmani/web-quality-skills/plugin install web-quality-skills@addy-web-quality-skillsQualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
Coding Standards
100Baseline cross-project coding conventions for naming, readability, immutability, and code-quality review. Use detailed frontend or backend skills for framework-specific patterns.
Semgrep Rule Creator
100Creates custom Semgrep rules for detecting security vulnerabilities, bug patterns, and code patterns. Use when writing Semgrep rules or building custom static analysis detections.
Safe Mode
100Prevent destructive operations using Claude Code hooks. Three modes — cautious (warn on dangerous commands), lockdown (restrict edits to one directory), and clear (remove restrictions). Uses PreToolUse matchers for Bash, Edit, and Write.
Fixflow
100Führen Sie Codierungsaufgaben mit einem strengen Liefer-Workflow aus: Erstellen Sie einen vollständigen Plan, implementieren Sie Schritt für Schritt, führen Sie kontinuierlich Tests durch und committen Sie standardmäßig nach jedem Schritt (`per_step`). Unterstützt explizite Commit-Policy-Überschreibungen (`final_only`, `milestone`) und optional BDD (Given/When/Then), wenn Benutzer verhaltensgesteuerte Bereitstellung anfordern oder Anforderungen unklar sind.
Ship Gate
100Pre-production audit that scans a codebase for security, database, deployment, code quality, AI/LLM, dependency, frontend, and observability issues. Intercepts deploy commands and blocks until critical items pass. Stack-agnostic. Use for "run ship gate", "am I ready to ship", "pre-launch audit", "can I deploy", "push to production", "go live checklist", "preflight check". Not for CI/CD setup or infra provisioning.
Supabase Postgres Best Practices
99Postgres-Optimierungs- und Best-Practice-Anleitungen von Supabase. Verwenden Sie diesen Skill beim Schreiben, Überprüfen oder Optimieren von Postgres-Abfragen, Schema-Designs oder Datenbankkonfigurationen.