Best UI design skills, page 5

Recria um mock de UI (imagem) como HTML + CSS + JS estáticos (sem framework), em etapas com aprovação do usuário: wireframe ASCII tipado com plano → fundo completo → componentes com fontes → assets…

rtadewald/skills

Verify UI/UX by running Playwright tests and reviewing screenshots.

jvm-skills/jvm-skills

Produces one self-contained HTML and Tailwind mockup for UI inspiration, with detailed rules on fonts, icons, dark versus light mode and chart handling.

JayZeeDesign/awesome-claude-skills

Generate deterministic SVGs from structured specs with validation and rendering.

dkyazzentwatwa/chatgpt-skills

AI frontend specialist and design consultant that guides users through a structured discovery process before generating any code.

tech-leads-club/agent-skills

Automatically use together with the matching Levyra UI skill for any visual redesign, UI polish, visual hierarchy, spacing, typography, color, shape, motion, screenshot/reference recreation, or…

LUC4N3X/Levyra-deepsound

Match UI/UX interaction needs to proven SwiftUI animation patterns from curated open-source catalogs.

RayFernando1337/rayfernando-skills

Turn an interpretive-ambiguity audit of a legal text — contract, statute, regulation, or judicial opinion — into a polished deliverable.

lawve-ai/awesome-legal-skills

Create distinctive, production-grade frontend interfaces with high design quality.

JetBrains/skills

Home Assistant frontend PR and review guidance, including implementation quality, existing review feedback, established design patterns, and the authority of UI/UX evidence.

home-assistant/frontend

How to build Mastra frontend interfaces with the @mastra/playground-ui design system.

mastra-ai/mastra

Process screenshot-based UI/UX feedback to fix visual issues — use when users share screenshots of bugs

nyldn/claude-octopus

Build and edit design documents (.vetd) on the Vetta design canvas — app screens, landing pages, slides, posters, infographics.

openvetta/open-vetta

Entry point to a bundle of product design workflows covering context, research, audits, ideation, URL or image to code, design QA and sharing a prototype.

XiaomiMiMo/MiMo-Code

Ajuda o usuário a planejar uma tela ou fluxo de aplicativo, comparar três propostas com wireframes e, após aprovação, gerar mocks em paralelo.

rtadewald/skills

Review uncommitted or PR diffs in the personal-assistant Obsidian plugin with project-specific risk lanes, second-layer future-risk checks, severity discipline, subagent review routing, and…

edonyzpc/personal-assistant

Plans new macOS apps or analyzes existing projects. An agent skill from KartikLabhshetwar/better-shot.

KartikLabhshetwar/better-shot

Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs.

wshobson/agents

Generate and iterate images in Cursor using the built-in image model and strong prompts.

tmcfarlane/oh-my-cursor

Home Assistant frontend UI/UX readiness routing for new cards, badges, screens, and interaction patterns.

home-assistant/frontend

A skill your agent uses when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a Web or mini program UI.

TencentCloudBase/CloudBase-AI-Toolkit

Autonomously turn a brief or FR issue into a spec landed on a ready PR — runs om-spec-writing --autonomous (defaults posted for override), attaches UI mockups and current-app screenshots as PR…

go-musicfox/go-musicfox

Turn a vague product, UI/UX, or AI feature idea into a decided direction.

go-musicfox/go-musicfox

A skill your agent uses for UI, UX, visual hierarchy, frontend-design judgment, references, redesigns, and design critique when the user's Emulo taste should guide the task.

ohad6k/emulo

Reviews UI code against a written set of web interface rules covering accessibility, forms, animation and typography, and reports terse file:line findings.

tech-leads-club/agent-skills

Conventions for building and styling Textual widgets and TCSS in the Mistral Vibe codebase: selectable lists, tool headers, theme variables and overflow.

mistralai/mistral-vibe

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

Zhou-Yujing114514/deepseek-harness-linux

Visual development with Patchright screenshots. An agent skill from adam-s/intercept.

adam-s/intercept

当用户要求数据可视化、做图表、生成看板、数据仪表盘、可视化报告、Excel/CSV 转图表、预算/销售/运营等指标分析页面、Chart.js 可视化时使用。只处理数据可视化任务；纯网页、banner、海报、简历等非数据图表设计任务应交给 visual-design。数据报告页以图表为主体归本技能；以文案排版为主体的静态报告页归 visual-design。

Pinvou/pinvou-agent

Guides UI work on OpenClaw apps so it uses the shared Carapace package: semantic design tokens, theme foundations, shared CSS classes and the product's existing local components.

openclaw/clawhub

[OMX] Canonical repo-local DESIGN.md workflow for product, UI/UX, and frontend decision source of truth

yangyuan-zhen/PolyWeather

A skill your agent uses when generating or editing images via blockrunimage — especially with GPT Image 2, Nano Banana, or Grok Imagine for posters, UI mockups, marketing assets, product shots, or…

BlockRunAI/blockrun-mcp

Design and review Epicenter interfaces while collapsing local UI primitives into the shared component system.

EpicenterHQ/epicenter

A skill your agent uses when designing, changing, or reviewing user-facing interfaces or interaction flows, including API changes that alter visible states or recovery.

GanyuanRan/Aegis

Review designs, products, and features with Steve Jobs' standards: ruthless simplicity, focus, and end-to-end excellence.

wondelai/skills

This skill provides guidance for building UI/UX prototypes in the Packmind playground app.

PackmindHub/packmind

[omh] Designing or reviewing an iOS, macOS, or Apple-style UI: prepare native Apple UI or Apple marketing product-visual direction, review, and improvement briefs with evidence-backed remediation…

rlaope/oh-my-hermes

UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools.

maslennikov-ig/claude-code-orchestrator-kit

A skill your agent uses when the user wants to explore the design space quickly — many rough ideas, not one polished direction.

manalkaff/opendesign

A skill your agent uses for execution, debugging, verification, planning, and shipping when the user's Emulo working profile should guide the task.

ohad6k/emulo

Balance visual design with ATS compatibility for creative roles.

davila7/claude-code-templates

Design UI/UX systems with style guides, palettes, typography, and component specs for new interfaces

nyldn/claude-octopus

Create polished frontend interfaces from designs/screenshots/videos.

withkynam/vibecode-pro-max-kit

Improving visual design in Streamlit apps. An agent skill from iusztinpaul/designing-real-world-ai-agents-workshop.

iusztinpaul/designing-real-world-ai-agents-workshop

Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools.

github/awesome-copilot

Create or redesign PowerPoint/PPTX decks in a "Soft 3D / Claymorphism" style: minimalist professional presentation design with soft matte 3D geometric shapes, pastel beige/sage/warm-pink palette…

software-ai-life/Awesome-PPT-Design-Skills

Presentation expert for slide structure, storytelling, visual design, and audience engagement

RightNow-AI/openfang

Analyze product screenshots to extract feature lists and generate development task checklists.

davila7/claude-code-templates