zeta-design-audit
CommunityAudit Zeta Terminal UI for brutalist compliance.
Authorrussiankendricklamar
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the tedious process of manually checking Vue pages and components for adherence to the Zeta Terminal's brutalist design system, catching common violations before they reach production.
Core Features & Use Cases
- Automated Design Checks: Scans code for hardcoded colors, incorrect typography, forbidden patterns (like excessive border-radius or gradients), and layout class violations.
- Component Pattern Validation: Verifies the use of modern Vue patterns (
<script setup>), correct API call helpers, and appropriate loading/error states. - Use Case: Before merging a new feature branch, run this audit on the new components to ensure they align with the established brutalist aesthetic and technical standards, preventing design drift.
Quick Start
Run the zeta-design-audit skill on the file '/src/components/NewFeatureCard.vue' to check for design violations.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: zeta-design-audit Download link: https://github.com/russiankendricklamar/zetaterminal/archive/main.zip#zeta-design-audit Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.