ui

Find and build UI, and create editable product videos from your project with 21st tools.

Community package for the official Figma MCP plugin for design context, code-to-design workflows, and authenticated…

GUI/UIをエージェントで実装・改善するときに、既存コンポーネント、デザイントークン、レイアウト構造を尊重してパッチワーク化を防ぐフロントエンド開発ガイド

Design UI with explicit spatial and typographic constraints instead of letting the model guess.

A live-demo UI reviewer: a repeatable smoke-test skill, a focused Copilot agent, and Playwright browser tools.

Collaborative UI and visual design skills for audits, animation, and visual craft.

Award-informed product experience skills for AI coding agents — complete UI states, interaction craft, supporting…

Audits a codebase's user-facing copy, layouts and metadata for AI-written tells and factual errors, such as a privacy…

Build product-specific interfaces with a focused UIZZE workflow, optional real-screen evidence, and a practical finish…

Context-budgeted visual feedback for coding agents: diff-only crops plus a structured text summary of the UI you just…

Build product-specific interfaces with a focused UIZZE workflow, optional real-screen evidence, and a practical finish…

从产品页面目标到逐屏设计、实现与实机验收的八阶段 UI 交付工作流。

Single-direction interface design, design-contract authoring, implementation states, accessibility, and rendered visual…

Figr MCP — create and edit Figr canvases, design systems, and org skills from Kiro, or port screens into your repo.…

Build product-specific interfaces with a focused UIZZE workflow, optional real-screen evidence, and a practical finish…

Design and edit UI prototypes in Designobo. Browse your team's projects, read and search screens, create new screens,…

Impeccable — design guidance for AI agents: 23 design commands (craft, polish, audit, critique, bolder, quieter,…

Inspect, measure, preview, and verify live web and Electron interfaces with Mesurer Solid.

Give a coding agent your design taste

Design, audit, and validate user interfaces: visual direction, Core Web Vitals, accessibility, and screenshot…

Windows 桌面灵动岛 (Dynamic Island) 状态窗口：让 mcode agent 把工作状态（idle/thinking/working/waiting/done/error）实时推送到屏幕顶部悬浮 pill，agent…

Use this plugin for generic UI review, accessibility, and design-quality workflows.

UX and UI design skills including Refactoring UI, iOS HIG design, usability heuristics, habit-forming product design,…

Create, review, and repair authored interfaces using retrieved code and visual references.

Figma MCP and UI/UX intelligence (not a full designer workflow)

G# Goo authoring, API lookup, live UI inspection and opt-in input automation.

Produce wireframes, prototypes, frontend layouts, technical diagrams, evidence-led charts, HTML reports, interactive…

Build product-specific interfaces with a focused UIZZE workflow, optional real-screen evidence, and a practical finish…

Rebuild and design product UI as self-contained HTML artboards on a local tldraw canvas. Clone a real app from…

Official daisyUI component library skill for building Tailwind CSS interfaces.

Build accessible web and native interfaces from Lumen's real component contracts.

Watch public YouTube videos or local screen recordings with Gemini, then map on-screen UI and motion onto the open repo.

Take products from research to polished interface — UX research, information architecture, UI craft, design systems,…

The Segmently Modules designer skill: prototypes, audits and reviews UI work against the designer docs of the modules…

Official AI Agent Skills Suite for SEIHouse Productions.

Build polished web animations with deliberate motion, easing, duration, interruption, and exit behavior.

Review and generate production-quality UI with anti-vibecoding, accessibility, security, responsive, reliability, and…

Find SL UI components by intent, adapt their palette and integrate the bundled HTML, CSS and JavaScript.

Design-system skills for web components, Storybook, state machines, CSS tooling, design docs, and modern web guidance.

Wireframe-first + adversarial UI review enforcement. Forces a spec before implementation and a separate critic pass…

Cross-platform Host architecture for client UI state, effects, lifecycle, and thread confinement.

Improve existing application interfaces through reusable design-engineering skills, browser evidence, and governed…

Official daisyUI component library skill for building Tailwind CSS interfaces.

Agent plugin for Spring Boot and htmx reference resources for Copilot customizations.

Create, preview, and refine editable designs in your Tidy workspace.

UI design that stands out

UX and UI design skills including Refactoring UI, iOS HIG design, usability heuristics, habit-forming product design,…

Emil Kowalskis Skills für Animationen und UI-Design, unverändert übernommen: Motion bauen, prüfen und benennen,…

Route, design, build, and critique distinctive marketing sites using archetype-specific frontend direction.

Taste — anti-slop frontend skill: brief-first design reads, real design systems, no templated AI aesthetics

Use this plugin for vercel-authored React and component-architecture guidance workflows.

Apply Apple's interface design and fluid-motion principles to web experiences.

UI design that stands out

Jakub Krehels Skills für Produkt-Interfaces, unverändert übernommen: Typografie, Farben, Layout, Barrierefreiheit,…

High-taste UI motion skills: kinetic typography heroes, scroll-linked blur manifesto sections, and a thermal shader…

UI Skills — opinionated interface-polish skills: baseline UI discipline, accessibility fixes, metadata audits, motion…

Apply Emil Kowalski's UI polish, component-design, and animation principles.

Find UI areas that genuinely benefit from motion and propose exact values without implementing.

Choose a trusted frontend library for common UI, motion, charting, state, and styling tasks.

Build several distinct UI variants behind a visual picker, then promote the chosen direction.

Review animation code against a strict craft, performance, interaction, and accessibility bar.