Best UI design skills, page 4

Implement application views from design images (screenshots, mockups, wireframes) using Ignite UI Web Components, with the igniteui-cli and igniteui-theming MCP servers for component discovery…

IgniteUI/igniteui-webcomponents

Create and revise static visual designs as editable Tesseract compositions and rendered PNGs, including posters, social graphics, slide layouts, diagrams, and web/UI mockups.

mirage-hq/Tesseract

UTILITY SKILL — Python diagram generation for Azure architectures, WAF/cost/compliance charts, ERDs, swimlanes, timelines, and wireframes.

jonathan-vella/apex

Commits to one bold aesthetic direction, sets up a CSS token system for it, then builds the interface in Vue or plain HTML using those tokens.

irahardianto/awesome-agv

A skill your agent uses whenever the user wants to generate a song or music with vocals from a text description and/or lyrics, or cover an existing song in a new style.

NoizAI/skills

Audits a design or page against WCAG 2.1 AA for contrast, keyboard use, focus, labels, touch targets and screen reader behavior, with a severity-ranked report.

getcrew44/crew44

WeChat Mini Program development skill for building, debugging, previewing, testing, publishing, and optimizing mini program projects (小程序开发、调试、预览、发布).

TencentCloudBase/CloudBase-AI-Toolkit

A skill your agent uses for UI/UX design intelligence in Codex: planning, building, reviewing, improving, or implementing web/mobile interfaces, landing pages, dashboards, design systems…

Jason904/ui-skill-lab

Complete UI/UX design capability — a wiki-style knowledge map of design theory (UX laws, Nielsen heuristics, usability, visual hierarchy, typography, contrast/WCAG, design systems…

syahiidkamil/Software-Engineer-AI-Agent-Atlas

UI/UX design intelligence for web and mobile. An agent skill from selmakcby/claude-agents-skills.

selmakcby/claude-agents-skills

Guides visual design and polish for the Aholo Viewer website and Playground, staying inside the existing Astro site and scoped CSS layers with a restrained technical tone.

manycoretech/aholo-viewer

Review a finished Data2Story blog against the 5 quality rubric dimensions (visualdesign, narrativepacing, datamethodtransparency, claimdataalignment, insightvalue), score each 1-7 with on-page…

QinghongLin/data2story-skill

Project-specific Steam Deck Game Mode UI rules for decky-music.

jinzhongjia/decky-music

Flutter UI実装のアーキテクチャ規約・コンポーネント分割・状態管理ガイド（Bloc/Cubit版）. An agent skill from K9i-0/ccpocket.

K9i-0/ccpocket

Sketch UI/design ideas with throwaway HTML mockups, or propose what to sketch next (frontier mode)

open-gsd/gsd-core

Design and style ryOS UI using the current OS theme token system, Tailwind variants, shared primitives, Aqua Glass, dark mode, and accent conventions.

ryokun6/ryos

Implementing UI/UX features in sidecar including modals (internal/modal library), keyboard shortcuts, mouse support, scrolling, pill/tab rendering, and pane resizing.

marcus/sidecar

Builds Angular views from Figma designs with Ignite UI for Angular, supporting Indigo.Design kits, third-party kits, and plain frames.

IgniteUI/igniteui-angular

Cria um wireframe tipado e aninhado de uma imagem ou brief de tela, em ASCII ou SVG conforme format=ascii|svg informado pelo usuário.

rtadewald/skills

Independent design review of a warren web-UI change. An agent skill from jayminwest/warren.

jayminwest/warren

Production pipeline for Motion Canvas — TypeScript-based programmatic vector animation with real-time preview.

dracohu2025-cloud/draco-skills-collection

Build a complete but efficient Nature-style Chinese PPTX presentation from a scientific paper, preprint, PDF, article text, abstract, figure legends, or reading notes.

jing1312/nature-figure-skill

Creates admin dashboards and app pages with the Tabler UI kit on Bootstrap 5, using the published docs for real markup instead of guessed class names.

tabler/tabler

Applies LobeHub's four design values and per-module interaction checklists when building or reviewing user-facing flows, covering behavior over time rather than visual style.

lobehub/lobehub

Applies a chosen visual direction, an archetype or one of 138 named design systems, by remapping design tokens, then checks contrast before it finishes.

plugin87/ux-ui-agent-skills

Generate several genuinely different throwaway variations (designs, approaches, drafts) for the user to react to.

Neeeophytee/finding-unknowns-skills

A skill your agent uses for marketing, social, replies, product copy, launch copy, and writing in the user's voice when their Emulo writing profile should guide the task.

ohad6k/emulo

Activate when working on the Agentic SDLC Handbook. An agent skill from danielmeppiel/agentic-sdlc-handbook.

danielmeppiel/agentic-sdlc-handbook

Comprehensive UI/CSS review using parallel agents. An agent skill from aaddrick/claude-pipeline.

aaddrick/claude-pipeline

Creates unique, production-grade frontend interfaces with exceptional design quality.

YYH211/Claude-meta-skill

Extract design systems from reference UI images and generate implementation-ready UI design prompts.

zebbern/claude-code-guide

Guidelines for writing UI code in Warp's GUI desktop client, centered on reusing shared components and themes instead of adding one-off styling.

warpdotdev/warp

Use sub-agents to iteratively improve dashboard-building instructions.

adam-s/intercept

A skill your agent uses when the user wants professional UI/UX design guidance, design-system generation, UX review, or stack-specific frontend guidance through a bundled local UI/UX Pro Max dataset…

Peiiii/nextclaw

UI/UX design intelligence. An agent skill from selmakcby/claude-agents-skills.

selmakcby/claude-agents-skills

Learns about your product, studies the landscape and writes a DESIGN.md with a full design system covering type, color, layout, spacing and motion.

garrytan/gstack

Produces several AI-generated design variants for a UI idea, opens a comparison board, collects your structured feedback and iterates from there.

garrytan/gstack

[Frontend] Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces.

InternScience/DrClaw

Produce polished, mobile-friendly product demo videos of the eva app with Remotion — 1280×720, snappy beat-synced hard cuts, lo-fi music that swells on every cut, and footage captured from the REAL…

vvedantb/eva

设计原型专家团入口。用于 Codex CLI 的 $expert-design 调用. An agent skill from ReJeCtAll/ExpertTeam-Codex.

ReJeCtAll/ExpertTeam-Codex

UI/UX design rules, Atomic Design placement, design tokens, component conventions, and responsive patterns for the Moca frontend.

aws-samples/sample-multi-agent-orchestration-chat-on-agentcore

Generates several visual directions for a component or page, lets you compare them, then fully implements the one you pick.

carson2222/skills

Ask Claude Code to make a taste-driven call on something ambiguous — UI polish, prose phrasing, naming, formatting.

bholmesdev/hubble.md

Core visual design principles (visual hierarchy, Gestalt grouping, composition, balance, contrast, white space, color, typography) with UI fixes, a checklist, and deep-dive references.

HermeticOrmus/LibreUIUX-Claude-Code

Unified entry point for Stitch design work. An agent skill from diodeme/Gold-Band.

diodeme/Gold-Band

Collects your feedback on a running feature, typed or spoken and drawn in the browser, and turns it into focused UX fixes saved as local commits.

EveryInc/compound-engineering-plugin

Extract structured data from Axure prototypes using Playwright — screenshots, design tokens, interaction maps, annotations, and page text.

lintendo/Axhub-Skills

Design or audit UI for Qt/QML, Qt projects, web, or embedded MPU or MCU targets.

TheQtCompanyRnD/agent-skills