Anti-Vibe Coding
Enforces intentional, production-ready development standards to eliminate AI slop, UI anti-patterns, and critical security flaws.
Anti-Vibe Coding establishes strict engineering discipline for full-stack web development by preventing common AI-generated coding flaws before a single line of code is written. It enforces explicit security boundaries, robust unidirectional state management, clean CSS tokenization, and pre-planned wireframing over reactive inline design. By incorporating a mandatory pre-code checklist and strict anti-pattern avoidance rules, this skill ensures that generated web code is secure, scalable, maintainable, and visually refined rather than generic and fragile.
主要功能
01Requires UI wireframing and intentional animation curves to avoid generic aesthetics
02Mandates design tokenization and CSS variable usage over hardcoded styling
03Implements a pre-code verification checklist for architectural and security decisions
04Enforces strict frontend-backend security boundaries to prevent credential leakage
050 GitHub stars
06Validates React state flow and explicit dependency arrays to eliminate render loops
使用场景
01Standardizing UI theming and design consistency across full-stack web projects
02Refactoring React components to fix infinite re-render loops and broken state management
03Auditing AI-generated frontend and backend code for security vulnerabilities and maintainability