UI
Make agents produce better-looking interfaces.
impeccable skill Design skill that gives the agent a design vocabulary (polish, bolder, critique, audit) to steer UI work and catch generic AI-looking design. awesome-design-md collection Curated collection of ready-to-use DESIGN.md files extracted from real websites' design systems, which an agent reads to generate visually consistent UI. awesome-design-skills list Curated registry of 67 design-system skill files (each with SKILL.md and DESIGN.md) that you pull into a project with `npx typeui.sh pull`. ui-ux-pro-max-skill skill Skill that generates a tailored project design system from searchable databases of UI styles, colour palettes and font pairings, using a reasoning engine over 192 rules. taste-skill skill Skill that gives the agent an art direction, real credited photos and a real-browser check so the websites and app screens it builds look less generic. frontend-slides plugin A free Claude Code plugin that generates single-file HTML presentations from scratch or from PowerPoint files. garden-skills skill A free MIT-licensed collection of skills for web design, image generation, video and knowledge-base retrieval, tested with Claude Code and Claude.ai. hallmark skill A free MIT-licensed design skill from Together AI that helps Claude Code build web pages that do not look AI-generated. skills skill A free MIT-licensed collection of skills for reviewing and building interfaces, covering accessibility, layout, typography, color and writing, installable as a Claude Code plugin. unslop skill Claude Code skill that audits vibecoded, AI-looking UI and redesigns it pass by pass into a more distinctive interface. CC-BY-4.0; optional image generation asks before each paid call. huashu-design skill MIT skill that turns one prompt into animations, app prototypes, slides and infographics for Claude Code. README is Chinese-first with an English version; no telemetry, optional cloud features need your own keys. ai-website-cloner-template template + command Next.js template with a `/clone-website <url>` command that has Claude rebuild a site as a Next.js app. Copies other people's designs, so mind copyright and site terms. design-extract CLI + plugin Opens any URL in headless Chromium and extracts its design system as tokens, Tailwind and Figma files and a DESIGN.md. Optional `--smart` mode uses a sponsor's hosted classifier.Diagrams
diagram-design skill Skill that draws diagrams as one self-contained HTML + SVG file in your brand, with 45 diagram types and no Mermaid-style output. archify skill Turns an idea, question, plan or repo description into an interactive HTML page you can explore, customize and share, from itineraries to system diagrams. next-ai-draw-io MCP + app Create and edit draw.io diagrams by chatting; works as a web app, desktop app or MCP server for Claude Code. You bring a model API key or use local models. drawio-skill skill Skill that turns text, code and infrastructure into editable draw.io diagrams with exports and an optional MCP server. Can read Terraform, Docker and kubectl state.Logo & Brand
logo-design-skill skill Logo-design skill covering brief, concepts, SVG construction and testing, with a searchable library of 1,400+ real SVG logos and Python tools for auditing and exporting. dashboard-icons MCP 3,400+ curated dashboard icons and logos, with a free MCP server.Web Animation & 3D
Teach the agent to build award-style animated sites and interactive 3D.
scroll-craft plugin Skill, also packaged as a Claude Code plugin, for building premium scroll-driven websites with a design workflow, engine and verification tools. gsap-skills plugin Official GreenSock agent skills that teach correct GSAP usage: core API, timelines, ScrollTrigger, plugins, framework integrations and performance. webgl-animation-skills skill Skills for WebGL animation: GLSL fragment shaders, Three.js scene animation, and particle systems; installable as a Claude Code plugin marketplace. anatomy skill Claude skill that explains an idea by building it as an interactive isometric figure with many small precise parts, in SVG, WebGL or 3D. machine-skill skill Claude Code skill: `/machine a turbofan jet engine` researches the real machine and builds an interactive 3D physics simulation in one HTML file, plus a film to post. blender-mcp MCP A community MCP server that lets Claude Desktop and Claude Code control Blender 3D. Runs Python inside Blender; telemetry is on by default.