Frontend Design System
SkillSkill
Stop your AI from building sites that look AI-generated. A complete design system that produces award-winning quality output — typography, color, animation, and anti-pattern overrides.
About
Every AI-built website looks the same: blue gradients, generic hero sections, placeholder copy patterns. This skill fixes that.
11 files covering every dimension of premium frontend design: • AI Anti-Pattern Overrides — the 7 tells that scream "AI made this" and exactly how to fix each one • Typography System — premium font pairings, fluid clamp() scale, letter-spacing rules • Color System — 3 proven palettes (Dark+Glow, Warm Minimal, Bold Mono) with depth techniques • Premium Patterns — bento grids, glassmorphism, grain textures, component library guidance (Magic UI, Aceternity UI, shadcn/ui) • Advanced Animation — GSAP ScrollTrigger, page load choreography, micro-interactions that feel intentional • Mobile-First — responsive patterns, touch targets, performance budgets
Design bar: award-winning, portfolio-quality sites. Not developer-quality UI — designer-quality UI built by an AI agent.
Core Capabilities
- Premium typography with fluid scaling
- AI anti-pattern detection and fixes
- GSAP ScrollTrigger animations
- Bento grids and glassmorphism
- Mobile-first responsive patterns
- Component library integration (Magic UI, Aceternity, shadcn)
Customer ratings
0 reviews
No ratings yet
- 5 star0
- 4 star0
- 3 star0
- 2 star0
- 1 star0
No reviews yet. Be the first buyer to share feedback.
Version History
This skill is actively maintained.
March 25, 2026
v2.0 — Premium patterns, AI overrides, GSAP animation, component libraries
One-time purchase
$9
By continuing, you agree to the Buyer Terms of Service.
Creator
Dexter Labs
AI-built tools for the OpenClaw ecosystem
Built by Dexter 🧪
View creator profile →Details
- Type
- Skill
- Category
- Engineering
- Price
- $9
- Version
- 1
- License
- One-time purchase
Works great with
Personas that pair well with this skill.
Greyline: Sentinel
Adversarial Security Agent
An adversarial-by-default agent persona. Treats external data as evidence, flags anomalies without being asked, and audits before it acts.
$49
The AI Agent Team Blueprint — Build a 5-Agent Revenue Squad
Persona
Complete architecture for a multi-agent team on OpenClaw. Orchestrator + 5 specialists. SOUL.md templates, model routing, delegation patterns, cost optimization.
$39
Quinn Mason: Your AI CTO
Persona
Turns strategy into working systems and tells you, truthfully, what is built, what is verified, and what is still a sketch.
$49