Best UI design skills, page 9

Visual design taste for web UI, distilled from a stronger model's aesthetic - invoke when about to BUILD or STYLE any web page, component, artifact, or UI; picking a visual direction; writing CSS…

telagod/code-abyss

First-principles UI/IA reasoning: turns a <scenario + API field set into JTBD analysis, principle-anchored field-priority decisions, anti-pattern findings, and a bidirectional UI↔API gap report.

sd0xdev/sd0x-harness

Plan, build, and iterate UX-friendly frontend mockups via a ground→contract→mockup→test→fix→learn loop, acting as an expert UX designer who grounds every decision in externally documented public…

BlackBeltTechnology/pi-agent-dashboard

Reveal Three.js geometry with an expanding world-space scan whose wire cage leads the solid surface, then burns away.

nirholas/three.ws

Audit and revamp existing web interfaces into polished, professional, product-specific experiences while preserving behavior and working within the current frontend stack.

buildfastwithai/gen-ai-experiments

Color theme palettes for UI/UX design and personal configurations (i3wm, dunst, etc.).

archibate/dotfiles-opencode

A skill your agent uses when creating or maintaining UI design systems, design tokens, component documentation, responsive calculations, quality checks, or design-dev handoff materials.

majiayu000/spellbook

Hands-off, diff-scoped browser QA of the active branch or PR.

leo-kuang-ai/spec-first

大型功能開發前，讓 Claude 用 AskUserQuestionTool 深度訪問你（技術、UI/UX、風險、取捨），產出完整 spec，再開新 session 執行。適合在複雜功能實作前、需求模糊時、或開始新專案架構設計時使用。

zeuikli/claude-code-workspace

A skill your agent uses to produce the canonical screen manifest for a UI feature — every screen in every state (default / loading / empty / error / success / validation), with reuse-first component…

genkovich/sdd

Split any request into seven concern lenses (Structure, Execution, Data & State, UI/UX, Platform, Performance, Correctness) to see which skills a change needs; Change mode and Deep-dive mode.

n1m21n/Infinite

Node UI/UX regression sweep: pins, cable drag/draw, node drag vs pan, collapse, sizing, node viewports, in-node editors, groups, undo, copy/paste, browser drops, modulation reach.

n1m21n/Infinite

Implement or extend a user-facing workflow in a web application, integrating with existing backend APIs.

julianromli/opencode-template

UI craftsmanship: animation rules, easing, micro-interactions, state polish.

softspark/ai-toolkit

Use before cutting a Breeze release, or whenever asked to "test everything since the last release", "check what's changed on main in the browser", "boot the stack and verify the merged PRs", or…

LanternOps/breeze

Lane-stack router for design/brand. An agent skill from VKirill/claude-lane-stack.

VKirill/claude-lane-stack

Generate Playwright end-to-end test specs and Page Object Models from UI/UX flow walkthroughs.

EmeaAppGbb/spec2cloud

Encode Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

EliasOulkadi/shokunin

모호한 UI 아이디어를 Stitch에 최적화된 상세 프롬프트로 변환합니다 — 구체성 향상, UI/UX 키워드 추가, 디자인 시스템 컨텍스트 주입.

jh941213/my-cc-harness

Transforms vague UI ideas into detailed prompts optimized for Stitch -- enhances specificity, adds UI/UX keywords, injects design system context.

jh941213/my-cc-harness

Guided journey from a blank page to a live, high-converting website, built message-first, then design, then conversion.

wondelai/skills

Premium UI/UX design audit and refinement skill. An agent skill from bencium/bencium-marketplace.

bencium/bencium-marketplace

Compozy visual-design authority for production UI, static artifacts, prototypes, and reviews.

compozy/compozy

A skill your agent uses when planning, building, designing, code review, refactor, fixing, improving, optimizing, enhancing, or checking UI/UX work.

majiayu000/spellbook

Apply Jakob's Law — users expect your product to work like the others they already use.

Owl-Listener/designer-skills

Apply the Serial Position Effect — first and last items in a sequence are recalled best.

Owl-Listener/designer-skills

Hip-hop and trap as a style layer (嘻哈风格层): beat-first music where the producer is a programmer, not a drummer.

jtydhr88/music-composition-skills

Design system management, Vaadin component library patterns, consistent UI/UX, accessibility integration

Hack23/cia

While iterating on UI, do not waste time on tsc, lint, typecheck, format, full test suites, commit, or push until the user likes how it looks and works.

OutThisLife/brooklyn-skills

Establish or update persistent product and visual design guidance in .design-context.md.

hashgraph-online/awesome-codex-plugins

A skill your agent uses when picking the appropriate prototype fidelity for an iteration cycle — sketches vs.

hashgraph-online/awesome-codex-plugins

UX/UI design principles for building and critiquing interfaces.

hashgraph-online/awesome-codex-plugins

Design beautiful and friendly user interfaces and experiences.

paralleldrive/aidd

Collect improvement insights from UI/UX reviews, document research, or external references, convert confirmed items into development requirements.

majiayu000/claude-skill-registry

Use Design for UI/UX exploration, side-by-side design directions, interactive prototype previews, user selection, iteration, and design-to-code handoff through the hosted Design MCP app.

BuilderIO/agent-native

Build a runnable prototype to answer a logic, state, or UI design question.

nodetool-ai/nodetool

Analyze one ClosedLoop feature ticket from a URL or FEA slug before execution.

closedloop-ai/claude-plugins

Design and review Alego client UI changes — visual token discipline, reuse-before-adding, feedback surfaces (toast vs in-place notice vs empty state), overlay and menu safety, platform window…

singula-ai/alego

Read analyst.json and detective.json, make all editorial decisions — what the blog argues, which findings matter, narrative arc and section structure.

QinghongLin/data2story-skill

Reusable UI/visual-design system for building polished, distinctive, multimedia-rich self-contained HTML stories.

QinghongLin/data2story-skill

A skill your agent uses when building user interfaces that need to look polished, modern, and intentional - not like AI-generated slop.

NeverSight/learn-skills.dev

Senior-level UI/UX design expert for building data-driven, premium production interfaces.

LeoYeAI/openclaw-master-skills

Product-aware frontend and README presentation guidance for Antigravity Swarm work.

wjgoarxiv/antigravity-swarm

Structured UI design review — existing code (React/JSX, CSS, Tailwind) and, when behaviour matters, the running app in a real browser — reported as a prioritised Before / After / Why table.

pproenca/dot-skills

Rayden UI Design Skill workflow skill. An agent skill from diegosouzapw/awesome-omni-skills.

diegosouzapw/awesome-omni-skills

Guides you through comprehensive iOS/Swift app planning and analysis.

gustavscirulis/snapgrid

A skill your agent uses when asked to design a user flow, map how a user moves through a feature, create a wireframe or flow diagram, or document interaction design for a product brief.

jeremylongshore/tons-of-skills-marketplace

UI and UX reconnaissance — scan existing frontend routes, components, navigation, and flows to understand the current UX state before designing.

jeremylongshore/tons-of-skills-marketplace