Agent skills directory

Design, implement, audit, or review Shift user interfaces and shared UI components. Use for React components, Base UI pr...

Skill for the Ui area of Securacy. 106 symbols across 31 files.

Builds UI components, landing page sections, hero sections, and contact forms. Use when creating front-end visual elemen...

Produces distinctive production UI and screenshot-grounded visual polish. Use when building or restyling pages, componen...

Design engineering principles for making interfaces feel polished. Use when building UI, reviewing frontend code, or wor...

Explicit helper for UI components, hero sections, forms, feedback, and contact surfaces. Do NOT load for: authentication...

Design clear, consistent, and visually polished user interfaces.

Expert en animation d'interfaces (Framer Motion, GSAP, CSS animations, micro-interactions, scroll)

This skill operates under Maxim's behavioral science primacy principle. UI design is not decoration—it is the primary be...

Instructions for capturing and retrieving high-quality UI screenshots from Android devices.

Habilidade especializada em sincronizar a implementação React/Next.js com os padrões de design Elite (tokens, glassmorph...

完整的 UI 設計指南，涵蓋色彩、排版、間距、無障礙和 55+ 設計風格

Imported skill ui_component from openai

UI/UX design intelligence with searchable database of patterns, styles, and stacks.

Audit a component or page for accessibility issues and fix them

UI Accessibility Audit workflow skill. Use this skill when the user needs Audit a StyleSeed-based component or page for...

Audit a StyleSeed-based component or page for WCAG 2.2 AA issues and apply practical accessibility fixes where the code...

Convert an approved UI spec (brief, blueprint, component spec, or any combination) into a testable implementation checkl...

Use when building or reviewing an interactive UI widget (dialog, menu, combobox, tabs, tooltip) — compose behavior/acces...

Build ServiceNow UI Actions (form/list buttons, context menus) and UI Policies (conditional mandatory/visible/read-only)...

UI implementation agent for CRM Orbit. Use for screen/layout/component work, view models, and i18n text wiring. Must not...

Build and refine Laravel UI/UX/frontends with stack-aware implementation, backend contract alignment, Playwright handoff...

Patterns for delegating UI work to specialized agents. Covers synthesis-master vs specialized agents, multi-agent UI gen...

Analyze UI design screenshots and generate React components with TypeScript and Tailwind CSS. Use this skill when the us...

Builds, reviews, and measures UI motion, including springs, gestures, scroll effects, curve fitting from recordings, and...

Implement, review, and measure UI motion. Reconstruct easing, springs and gestures from a recording using bundled frame...

Motion design and animation for user interfaces. Use when creating micro-interactions, page transitions, loading states,...

Comprehensive UI animation toolkit for React projects. Includes MotionPrimitives (page transitions, scroll reveals, hove...

Create annotated UI review artifacts from screenshots or browser captures using short notes, arrows, and consistent call...

Use when work must start from user intent and align journeys, roles, permissions, states, accessibility, UI, API, docume...

プロジェクト プロジェクトの UI/ワイヤーフレーム承認ゲート。 SPEC 生成後、実装前に実行されて画面全体の UI ワイヤーフレームを生成し、 ユーザー承認を得てから実装段階に進む品質ゲート。 **v2.0 強化**: SVG ダイア...

Design component architecture for legaltech UIs - layer separation, data flow, design system selection

UI architecture: primitive-component-composite-feature-page, composition over inheritance, state ownership, derived stat...

Iris's new UI surface design skill. Takes a brief for a new screen, component, or design system and produces a complete...

Agent profile for art direction and premium UI/UX review across websites, apps, dashboards, 3D web experiences, and land...

UrhoX UI Design — Astroon Cosmic Cartoon Style. Use when users need to (1) 创建宇宙/太空/星际风格的游戏 UI, (2) 使用 Astroon 暗色渐变霓虹主题,...

Atomic-design guidance for UI Atoms — the smallest single-purpose building blocks (buttons, inputs, icons, labels). Use...

Generate cohesive UI audio themes with subtle, minimal sound effects for applications. This skill should be used when us...

AI skill for automated UI audits. Evaluate interfaces against proven UX principles for visual hierarchy, accessibility,...

Comprehensive UI component audit for Momentum CMS. Use when asked to audit, review, check, or validate a UI component. C...

UI/UX design system reference, pattern library, and focused review guidance for web and mobile applications. Use for tar...

Use when a task needs a rendered interface observed, a browser driven, or a desktop application operated — post-deploy U...

UI 回归测试子 skill 路由入口。

Automate any Android device UI over adb using uiautomator screen dumps and coordinate-based input. Use this skill whenev...

Orchestrator that runs one UI brief through all four ui-* posture skills in parallel, then picks and merges a winner. Us...

Gemeinsame UI-Bausteine in zid: Schaltflächen (components/button.zig), Icon-Schaltflächen mit Tooltip (tooltip.iconButto...

Add animated React components from the UI Beats shadcn registry, reading real props tables and source over MCP

Convert an approved UI brief into a concrete layout and visual blueprint — visual direction, information hierarchy, text...

UI and brand guidelines for GSD projects

UrhoX UI Design — BrawlForge 竞技/卡通/美式/潮酷对战风格。Use when users need to (1) 创建竞技 / 卡通 / 美式 / 潮酷对战主题游戏 UI, (2) 使用 chunky shap...

Turn a vague UI idea into a structured product and design brief before any layout, component, or code work begins. Use t...

Routes UI implementation to original skills for websites, dashboards, CRM, and administrative applications.

Expert guide for building beautiful, responsive UI with React, Tailwind CSS, Shadcn/ui, and modern design patterns. Use...

Build ServiceNow UI Builder / Next Experience pages — macroponents, GraphQL/script data brokers, client state parameters...

Applies owner priorities and original design skills to working dashboards, CRM, ERP and admin screens.

Systematic approach to positioning UI buttons and interactive elements for optimal user experience and accessibility. Th...

Capture baseline evidence from a live website URL: screenshots, scroll states, hover/click behavior, parallax, timers, a...

Case studies for common product screens — defaults, required content, and anti-patterns. Use when designing or reviewing...

Implements or refines a UI component against a design reference (Claude Design canvas, screenshot or written description...

How to compare a Brain Games page with the approved design in docs/design.html using Chrome DevTools MCP. Use after any...

Use Playwright MCP to check UI styles and usability. Automatically used for requests like "check UI", "verify appearance...

Build or extend an extensible UI self-check framework for Web UIs (React/Vite or plain HTML) using Playwright. Use when...

Pixel-perfect UI cloning from screenshots or reference pages. Use when users ask to replicate, clone, or recreate a UI f...

Audits and updates UI components across an app to ensure consistent theming using CSS custom properties and design syste...

Generate accessible color palettes (semantic + scale) with WCAG contrast checking for light/dark/high-contrast modes. AU...

ReactコンポーネントとTailwind CSSスタイリングの実装パターン提供

Reusable UI component design and implementation methodology.Integrates design tokens, accessibility (a11y via W3C APG),...

Generate a new UI component following the StyleSeed design conventions

Generate a new UI component that follows StyleSeed Toss conventions for structure, tokens, accessibility, and component...

Diseña, crea o refactoriza componentes y screens frontend con límites claros, reutilización práctica y composición simpl...

Keep React screens thin and reusable UI in its own package, separate from app screens. Triggers when authoring or restyl...

Skill from CleanExpo/Unite-Hub

Generate framework-specific UI components by prompting the agent's own LLM directly - no external generation service or...

Reusable UI component patterns for React, Vue, and vanilla JavaScript. Includes advanced components beyond basic librari...

Specify a single interactive UI component (button, input, datepicker, dropdown, modal, table, form, card, etc.) in exhau...

Ready-made code and the order of checking a kit component and an application screen. Take it on a *.spec.ts next to a co...

Generate design-compliant React components using shadcn/ui primitives and design tokens

Enforces project UI component conventions when creating or modifying React components, forms, dialogs, and other UI elem...

React UI component specialist with Tailwind CSS and shadcn/ui for building responsive, accessible interfaces

Create and style UI components with design tokens. Use when creating components, styling with Tailwind, deciding between...

UI component registry and design system for ProAnimate. Auto-applied before creating ANY UI — buttons, inputs, panels, m...

Guide for creating reusable UI components. Use this when asked to create a new component, extract shared UI logic, or ad...

UI component library expert including Chakra, Material UI, and Mantine

Sets visual direction from Figma, screenshots or an existing design system for major UI implementation.

Use when the user refers to what is on screen/selected in IDA GUI.

UI should make it immediately clear where the user is, what context they are operating in, and what their actions will a...

Frontend/backend API contract definitions. Use for defining API endpoints, Pydantic to TypeScript mapping, schema valida...

Verify graphical browser, desktop, or Electron behavior through the actual interface. Use when screenshot, accessibility...

Write interface copy that makes controls, state, consequences, errors, empty states, permissions, confirmation, and reco...

UI + core combination guide for frename. Use when: wiring a new feature that spans both UI state and core data, deciding...

Use for UI design and implementation work to avoid generic AI-looking interfaces. Provides anti-slop rules, a required d...

Coordinate the UI Craft skill suite. Use when a user asks for broad UI design, frontend quality, design-system work, int...

Polishes UI primitives one at a time using 2026 research-backed patterns — adds loading/icon states to buttons, replaces...

Minimal / clean / Linear / Notion / Vercel / whitespace-heavy UIs. Locked knobs: CRAFT=8, MOTION=3, DENSITY=2. Monochrom...

This skill should be used when users want to create new UIs, improve existing UIs, compare UI variations (A/B testing),...