Agent skills directory

Standardized protocol for describing UI/layout issues in screenshots. Helps Claude understand visual problems clearly on...

Remove gaming aesthetics (glowing effects, neon shadows, cyberpunk styling) from CSS and replace with professional, clea...

Record polished UI demo videos using Playwright. Use when the user asks to create a demo, walkthrough, screen recording,...

使用 Playwright 录制精美的 UI 演示视频。当用户要求创建 Web 应用的演示、导览、屏幕录制或教程视频时使用。生成带有可见光标、自然节奏和专业感的 WebM 视频。

Record polished UI demo videos using Playwright

Playwrightを使用して美しいUIデモ動画を録画する。ユーザーがWebアプリのデモ、ウォークスルー、スクリーン録画、またはチュートリアル動画の作成を求める場合に使用する。可視カーソル、自然なリズム、プロフェッショナルな仕上がりのWeb...

Record a short browser demo for frontend or UI work and attach it to a Linear issue. Use when an agent changes visible a...

Publish UI demo evidence to Linear after frontend or visible product changes. Use when an agent has already implemented...

Dense UI posture — maximum information density with clear hierarchy. Use when building or reworking admin dashboards, da...

UI density — how much information and how many features appear at once — should match the primary platform and user type...

Analyze and improve UI density using Matt Ström's 4-dimensional framework. Use when interfaces feel too sparse, too clut...

Use when working on TRENCHWORK UI, Tauri app, trench-ui/, Canvas rendering, CRT display, control labels, layout, visual...

Create beautiful, production-ready interfaces using Gemini with design system constraints

Owns the visual layer of a UI — color palette and semantic application, typography (type scale, weight, tracking, line h...

World-class UI design expertise combining the precision of Jony Ive's Apple work, the systems thinking of Figma's design...

Extract UI and content organization entities from narrative text. Use when analyzing player choices, flowcharts, handout...

Enforces consistent UI within shadcn-svelte + TailwindCSS 4 design system. Use when building ANY app UI — pages, compone...

[Design] Use when a workflow step or the user asks for a UI design (create, describe) or a UI review: content fit, layou...

Design, build, or improve web and mobile interfaces using real product examples from UIZZE’s 800,000+ web and iOS screen...

Use when creating or modifying any visible UI element, adjusting spacing or typography, reviewing visual consistency, or...

Design and polish user interfaces — layout, typography, spacing, colour/theme tokens, states, responsiveness, accessibil...

This skill should be used when making visual design decisions, creating components, defining styles, colors, typography,...

Designs and builds React/Next/Tailwind UI and audits visual and interaction defects. Use when asked to "build a landing...

UI design best practices for building accessible, performant, and user-friendly interfaces with modern web standards

> 让 AI Agent 输出符合工业生产标准的专业级 UI，而非泛滥、雷同的「AI 味」设计。

Use when directing, building, or auditing React/Next.js UI in Tailwind: visual direction, responsive or dark-mode retrof...

UI/UX and frontend design best practices guidelines (formerly frontend-design). This skill should be used when writing,...

UI/UX 设计智能，在设计页面时必须使用

Typography and visual hierarchy rules for camelAI. Use when choosing font sizes, font families, or text styling in any U...

Create HTML UI mockups stored in ideas/[project]/docs/ui-designs/

Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before...

Comprehensive UI design skill covering fundamentals, patterns, and anti-patterns. Layout, typography, color, spacing, ac...

ProAnimate UI/UX design principles, visual hierarchy, spacing, animation, and accessibility. Auto-applied when creating...

Generates high-quality, non-generic UI designs with a focus on performance, progressive disclosure, and distinctive aest...

Creates UI/UX design patterns, components, and user experience guidelines

Cursor skill that gives AI agents production-grade UI component knowledge with best practices, layout patterns, and desi...

Use when modifying CSS, layout, components, icons, client-side JavaScript behavior, accessibility, responsive behavior,...

Builds an implementation-ready visual and interaction direction for a web interface. Use when the user asks to establish...

Evaluate design assets, analyze annotated wireframes, and create high-fidelity interactive mockups with Northcote Curio...

Ultimate aesthetic filter for premium UI. Combines bold design thinking, Antigravity spatial depth, and production-harde...

Use before writing or restyling any UI, landing page, or component so the output matches the actual brand instead of def...

Canonical overlay for graphical UI or frontend redesign, polish-heavy implementation, and deep UX review; use `ui-guidan...

Create project-specific UI design guideline as a Claude Code Skill. Use when the user says "UI design guideline", "desig...

UI/UX design guidelines focusing on what AI commonly overlooks or fails to verify. **CRITICAL**: Emphasizes concrete che...

Design and implement user interfaces with Tailwind CSS, shadcn/ui components, and modern design patterns. Use when creat...

Senior design consultant with Jony Ive's philosophy. Reviews holistic product design for true simplicity, inevitability,...

基于若依-vue-plus框架的移动端（Uni-app + UView 2.0）UI设计与开发规范。提供完整的移动端界面设计标准，包括： - UView 2.0 组件库的正确使用方式 - 响应式布局系统与多端适配方案 - 主题色彩系统与样式...

Practical UI design patterns and principles for creating polished, professional interfaces. Based on proven techniques f...

Common interface patterns, navigation patterns, form patterns, data display patterns, feedback patterns, and accessibili...

Run a five-stage UI design pipeline (direction, system, motion, critique, verification) so the result does not look like...

Generate a polished UI design image-generation prompt from the current product discussion, a specification issue, or a p...

Comprehensive design review for websites and desktop applications with extensive accessibility analysis. Use this skill...

Expert knowledge for interpreting Figma design tokens and generating iOS-native SwiftUI code. Includes token mapping rul...

Expert guidance for creating beautiful, accessible, and user-friendly interfaces.

Design critic that identifies generic "AI slop" patterns and pushes for creative, distinctive UI. Reviews every UI task...

从用户任务、信息架构到组件状态和开发标注的可落地 UI 设计流程。

Use when creating, extending, or auditing a project-grounded UI design system: visual direction, semantic design tokens,...

UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive d...

React UI component systems with TailwindCSS + Radix + shadcn/ui. Stack: TailwindCSS (styling), Radix UI (primitives), sh...

The single design-system skill — the token contract format, the searchable design library (50 styles, 97 palettes, 57 fo...

Authoritative UI/UX Design System Guide based on EtroxTaran/Uiplatformguide

Generate a complete design system (tokens, colors, typography, spacing scale) as JSON/CSS variables from a brief. Trigge...

当使用者说"帮我做个界面"、"这个页面太丑"、"看着像模板/像 AI 做的"、"给这个项目定个视觉风格"、"配色和字体你来定"、"把这几个页面统一一下"时使用。先从项目本身抠出一个具体意象，据此定出一版完整的 CSS 变量与排版尺度（不是"...

Multi-specialist UI design and implementation team for cross-platform applications.Use when working on: (1) UI/UX design...

You are a creative and meticulous UI Designer with a passion for crafting beautiful, intuitive, and pixel-perfect user i...

Expert UI designer specializing in visual design systems, component libraries, and pixel-perfect interface creation. Cre...

Highly opinionated user interface designer. Turns vague screens into concrete interface direction with strong hierarchy,...

Extract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users prov...

Expert UI designer specializing in component creation, layout systems, and visual design implementation. Masters modern...

Définit le design system, les composants UI et les guidelines visuelles. Utiliser après l'UX design ou quand le projet n...

Elite UI/UX Design Lead & Frontend Architect. Generates distinctive, non-templated interfaces with opinionated aesthetic...

Expert visual design craft, UI systems, and pixel-perfect implementation. Activates when building, styling, reviewing, o...

Primary entry point for ALL UI changes. Orchestrates theme-ui-specialist and react-specialist as sub-agents. Masters lay...

设计界面视觉方案：页面结构、布局栅格、组件状态、配色、字体、间距/圆角/阴影规范与响应式规则，并编写零构建可运行的 HTML/CSS/JS demo。触发："设计这个界面"、"页面怎么布局"、"出个 UI 设计"、"写个 HTML demo...

UI/UX design skill for creating wireframes, interactive HTML mockups, design specifications, and component patterns usin...

UIを「情報設計（優先度/構造）＋インタラクション（状態遷移）＋ビジュアル（トーン）」として設計し、実装可能な仕様へ落とす。見た目だけでなく、ルール化（コンポーネント/トークン）に寄せる。

Read outputlanguage from .ai/context/workflow-config.md. Write ALL deliverables in that language. If the file is absent...

Use this agent when designing visual interfaces, creating design systems, building component libraries, or refining user...

UI/UX design for landing pages, marketing sites, Telegram Mini Apps, and conversion-optimized web blocks. BM25 searchabl...

Design intuitive, accessible, and visually coherent interfaces aligned with brand and product goals.

Use when user needs visual UI design, interface creation, component systems, design systems, interaction patterns, or ac...

YOLO UI元素检测器项目管理。训练自定义模型识别界面元素（按钮、输入框、二维码等），用于半自动化操作。

Frontend-Entwicklung für Claude Code Archive Backoffice UI.Next.js 16, React 19, Tailwind CSS 4, shadcn/ui, Better Auth....

UI development guide for frename. Use when: adding or changing a view, adding a new feature panel, creating or modifying...

RuoYi-Vue-Plus框架前端开发规范技能。强制使用Vue3 Composition API与`<script setup>`语法，严格遵循"查询区-工具栏-表格区-分页区-弹窗区"五区标准布局。规定接口统一封装在`@/api/`目录...

This skill integrates patterns from:

Verify that repository documentation, product contracts, route docs, and UI spec packages are linked and consistent. Use...

当需要设计页面布局和视觉风格、建立或更新设计系统、配色和排版决策、动效和过渡设计时使用。Matías Duarte 思维模型。

Embed the chatbot UI inside Docusaurus and connect it to the FastAPI RAG backend. Use when building chat components, han...

Implement approved product-surface contracts in durable frontend code and produce render-grounded contract evidence. Use...

Systematic protocol for upgrading a 'functional' UI into a 'premium' UI.

Systematic iOS/SwiftUI UI audit with design intent interview, 14-domain analysis (including Color Audit with adaptive Co...

Product-level UI/UX design, evaluation, and verification, emphasizing security value, economic clarity, and broad user c...

Use when an agent needs to bootstrap ui-evidence in a repo, then discover, configure, or run before/after UI screenshot...

Implementa um redesenho amplo de UX/UI em apps, sistemas e landings existentes, preservando funcionalidades e regras de...