frontend-implement
OfficialCraft distinctive UIs with Anti-AI rules.
AuthorMadAppGang
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill transforms generic UI designs into distinctive, human-crafted interfaces by applying advanced design principles and automating the implementation of UI improvements.
Core Features & Use Cases
- Automated UI Implementation: Translates design analysis findings into actionable code changes.
- Anti-AI Design Principles: Enforces rules for breaking symmetry, adding texture, dramatic typography, micro-interactions, and bespoke colors.
- Visual Metaphor Application: Guides design decisions with pre-defined visual metaphors like Cyberpunk Glass or Neo-Brutalism.
- Use Case: After a designer identifies UI inconsistencies, this skill can automatically refactor components to adhere to a chosen visual metaphor, ensuring a cohesive and unique brand aesthetic.
Quick Start
Implement UI improvements from the review document located at '/path/to/review.md' by applying Anti-AI design rules.
Dependency Matrix
Required Modules
framer-motionlucide-react
Components
scriptsreferences
💻 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: frontend-implement Download link: https://github.com/MadAppGang/magus/archive/main.zip#frontend-implement 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.