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.
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.
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-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.
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.
Design Critique
An adversarial design review that renders your UI in a clean forked context, screenshots it, and argues the case for rejection.
Canvas Design
OfficialAn official Anthropic skill that first authors a design philosophy, then executes it as a museum-grade poster or art piece in PDF/PNG.
stack-diagram
Turns a list of technologies into a cloud-vendor-style architecture diagram with real brand logos, delivered as self-contained HTML, PNG, or a React component.
Accessibility Audit (WCAG 2.2)
Turns any UI or design into a structured WCAG 2.2 audit with pass/fail checks and a prioritised remediation plan.
Design System Compliance Check
Reads computed styles in the running app to catch hardcoded colors, off-palette backgrounds, unclickable controls, and animations that never ran.
StyleSeed — UI Design Workflow Hub
A single entry point that routes UI build, review, token, and a11y work into one of 22 workflows while preserving your project's approved design decisions.
StyleSeed UI Engine
A single-entry design skill that routes UI work to 22 focused workflows for building, tokenizing, reviewing, and pixel-verifying interfaces.
jury — Awwwards-style Website Scoring
Scores a live URL or local production build exactly as an Awwwards juror would — from screenshots and measured metrics only — and returns an evidence-backed score card with a ranked fix list.
Design Audit
A final UI checkpoint skill that runs a static audit script for motion gaps, a11y violations, color/token inconsistency and performance, then reports findings by severity.