Best UI design skills, page 2

Build landing pages and web UIs using a dark blueprint/wireframe aesthetic with sharp edges, connected sections, dashed outlines, measurement annotations, and technical typography.

superhq-ai/shuru

Guides the agent to design distinctive SwiftUI interfaces for iOS and macOS, with six anti-generic rules, a design direction workflow and a five-dimension review.

Wholiver/swiftui-design-skill

Routes UI tasks to the smallest useful set of UI Skills through the ui-skills CLI, picking a category and loading at most three skills before implementing.

ibelick/ui-skills

Design high-quality mobile app UI/UX screens, flows, and components.

ceorkm/mobile-app-ui-design

Primary/default skill for UI design, product design, web design, landing pages, dashboards, product screens, redesigns, visual polish, frontend/CSS styling, design systems, components, responsive…

referodesign/refero_skill

Draw and revise UI wireframes directly in Clay chat with the built-in clay-sketch renderer.

chadbyte/clay

Show a chart, diagram, timeline, comparison or UI mockup inline in this Orca chat by writing one self-contained HTML file and adding a visual line to your reply.

stablyai/orca

Applies a calm Scandinavian look to interfaces: black-and-white foundation, restrained sans-serif type, generous spacing and minimal decoration, with review and prototype modes.

ericzakariasson/scandinavian-design

UI/UX design intelligence and implementation guidance for building polished interfaces.

sundial-org/awesome-openclaw-skills

Comprehensive technical diagramming toolkit for solutions architects, presales, and developers.

cmb211087/azure-diagrams-skill

Production framework styler and surgical RTL UI polish engine with Contextual Decision Layer (CDL).

TidyFactor/Styler

Generate professional UI/UX designs as layered PSD-like outputs with transparent layers.

bobbyz1x2c3/layer-designer

Present visual options for architecture, UI, and code decisions with high-fidelity side-by-side previews.

nicobailon/pi-design-deck

Authoritative guide and toolset for AI agents to operate, configure, and visually design applications using Glide (@srivarsank/glide).

SrivarsanK/Glide

Runs a category-first visual audit of a website, then a decisive design pass that raises credibility and conversion clarity, verified with screenshots instead of subjective opinion.

tryproduck/produck-skills

Standardizes how a desktop app's UI lets a person choose one or more already-configured AI models, through a single grouped dropdown component.

leookun/cursor-byok

Guides designing, reviewing or implementing interfaces that follow Google's Material Design 3 system: semantic tokens, component states, adaptive layout and accessibility.

skydashnet/material-design-3-ui-skill

LofiSu的行为人格Skill。基于GitHub公开数据(282次commit/150次README迭代/50+fork/100+contribution) 的Codex深度挖掘分析报告+小红书卖课行为报告的系统蒸馏， 提炼6个核心心智模型、8条决策启发式和完整的表达DNA。

zclllyybb/lofisu-identity-engine

梳理项目 UI/UX 设计规范并输出 design-spec.md，评审现有界面并给出按优先级排序的修复建议，或整理指定界面的设计规则。用户要求设计系统、设计规范或完整界面评审时使用；单个颜色、字号或按钮大小的简单问题直接回答。

oil-oil/ui-ux-guide

Writes a complete UI component spec with anatomy, variants, sizes, eight interaction states, design-token mapping and accessibility notes before or alongside code.

plugin87/ux-ui-agent-skills

Create and render wireframes using wiremd — a text-first tool that converts Markdown into visual HTML mockups.

akonan/wiremd

Run a safe prototype-first UI/UX workflow across web, desktop, mobile, extensions, and multimodal design inputs.

DejavuMoe/Smoji

Universal UI/UX design principles covering visual hierarchy, interaction laws, typography foundations, and WCAG accessibility requirements.

bergside/typeui

Guides an agent through turning a Figma node into production UI with the repo's own components, then checks the result visually before finishing.

cursor/plugins

Create polished design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing pages, dashboards, app screens, mobile apps, slide decks (a.k.a.

DejavuMoe/Smoji

Looks up antd component props, docs, demos and changelogs with the offline @ant-design/cli, and helps debug, migrate between versions and audit usage in a project.

ant-design/antd-skill

Sets design rules for web interfaces that should feel like current Apple design: unified surfaces, restrained type and glass only where layers overlap.

naplesblue/apple-design-skill

Build, improve, and review production interfaces with the Better Design MCP.

marvkr/better-design

Design engineering principles for making interfaces feel polished.

trycompai/crm

GitMesh Agents UI design system. An agent skill from LF-Decentralized-Trust-labs/gitmesh.

LF-Decentralized-Trust-labs/gitmesh

Create aesthetic templates without first creating a plugin - capture visual design concepts through adaptive questioning.

glittercowboy/plugin-freedom-system

Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, UI mockups, product shots, or transparent-background…

nexus-research-lab/nexus

Comprehensive UI/UX review for macOS Tahoe apps. An agent skill from KartikLabhshetwar/better-shot.

KartikLabhshetwar/better-shot

Build static HTML pages, reports, dashboards, and mockups that match the CodeMie UI design system.

codemie-ai/codemie-code

Create and edit visual designs with Affinity or HTML, including computer-use editing, native-file saving, browser editing and export checks.

julilaoshi/julilaoshi-design

Explores a feature idea through HTML mocks that match the project's existing UI, keeping every earlier version and logging each requested tweak in a context file.

imbue-ai/bouncer

Converts a working code prototype into a structured Figma file with one frame per interaction state, mapped to your design system and annotated with transitions.

alima-max/prototype-to-figma-skill

Generates paste-ready Power Apps Canvas App YAML. An agent skill from ToluVictor/canvas-apps-tools.

ToluVictor/canvas-apps-tools

React UI component systems with TailwindCSS + Radix + shadcn/ui.

try-works/role-model

UI/UX design-system intelligence - 84 styles, 192 palettes, 74 font pairings, 25 charts, 99 UX guidelines across 22 stacks (searchable dataset + CLI).

AThevon/genjutsu

Design, review, or implement AgentOS UI and UX work using the project’s operator-console visual system.

SapienXai/AgentOS

A skill your agent uses when a brief has to become a film. An agent skill from ohad6k/emulo.

ohad6k/emulo

Audit an existing UI/UX design (React/JSX/TSX components, HTML, or generated app code) against a tiered ruleset of verifiable UX principles, and produce structured, evidence-cited findings that a…

rome-os/rome

Select a consistent visual design system for PPT slides using radius/spacing style recipes.

haojing8312/WorkClaw

A skill your agent uses when changing user-visible Angular UI in IPTVnator, especially channel rows or lists, EPG views, settings and playlist surfaces, selection states, shared portal components…

4gray/iptvnator

UI/UX design intelligence. An agent skill from Ohh-889/skyroc.

Ohh-889/skyroc

Gives practical design rules for polished HTML, CSS and JavaScript interfaces and browser games, covering spacing, type, color, components, motion and responsive breakpoints.

pretend1111/claude-desktop-app

Add a generated regular Next.js source app into the ui-design-bench static gallery as a model generation, including source placement, variant wrapper, manifest/registry/type updates, scoped CSS…

SunkenInTime/which-ai