Design & UI
Huashu Design (HTML Design Studio)
Turns Claude into a design studio that builds high-fidelity prototypes, decks, animations and infographics in HTML — always pitching three directions first.
Design Is — Dieter Rams Ten-Principle Design Audit
Audits a UI against Dieter Rams' ten principles with cited evidence, then issues a NEW/REFINE/REDESIGN verdict and a ready-to-run /make-plan handoff prompt.
Frontend Design Router (frontend)
A router skill that dispatches any UI/UX request to four rulesets — taste, brand design systems, performance, and design ops — so output looks like something a senior Linear/Stripe designer would ship.
Visual QA (Web & TUI Verification)
After any UI change, this skill captures fresh evidence, runs pixel/column diffs, then dispatches two parallel read-only reviewers to reach a single good/bad verdict.
Frontend Design Router
A master frontend skill that routes UI, redesign, motion, and performance-audit requests into four specialized rulesets so the output ships at senior-designer quality.
Frontend Design Router
A master frontend skill that routes UI/UX requests to taste rulesets, 70 brand design systems and real-browser performance audits so output doesn't look like generic AI slop.
Apple HIG Expert
Audits and designs iOS/macOS/watchOS/visionOS interfaces against Apple's Human Interface Guidelines, including the Liquid Glass design language.
Draw.io Architecture Studio
Generates, syncs, validates and publishes editable .drawio diagrams from plain requests or from code, IaC, SQL and OpenAPI sources.
Baoyu Diagram Generator
Generates professional dark-themed SVG diagrams — architecture, flowcharts, sequence, mind maps and more — as a single self-contained file.
Logo Design
Runs a full identity-design process — brief, concepts, clean SVG construction, small-size testing, client boards and favicon/app-icon delivery.
SeeCode Diagram Builder
Write a short JSON spec and get animated, explorable diagrams in 45 types as standalone HTML — exportable to SVG, PNG, GIF or MP4.
Oil UI — Interface Design, Refinement & Review Workflow
A gated UI design workflow for websites, apps and admin panels: lock a design direction, build grayscale structure, implement, then verify with real screenshots and an independent reviewer.
Accessibility
A skill that guides Claude to audit and fix UI accessibility issues using WCAG's four POUR principles.
replica-brand
An end-to-end rebranding workflow that names your app, verifies trademarks and handles, builds a fresh palette, drafts a logo brief and voice guide, then sweeps the codebase for any trace of the original.
replica-design — Design System Rebuild for Clones
Turns recon notes and screenshots into role-based design tokens, Tailwind mappings, component specs and a WCAG AA contrast gate.
Huashu Design Philosophy Consultant
A design consultant skill that interviews you, proposes three contrasting design directions by named designers, builds visual demos, and then critiques the finished work.
Design Critique
An adversarial design review that renders your UI in a clean forked context, screenshots it, and argues the case for rejection.
Data Dashboard Builder
Builds dense analytics consoles and trading terminals with token-driven inline SVG charts, a per-chart accessibility contract, and dark-mode contrast fixes.