Каталог навыков агентов

Use when building new UI with Tailwind: a page, a section, a component, a layout. Loads the design rules that apply and...

User interface design and implementation

React and Next.js frontend development standards for Retail-Agentic-Commerce. Use when creating or modifying UI pages, c...

Produces distinctive, production-grade UI for pages, components, visual interfaces, typography, and screenshot-driven po...

Master router and expert guide for Unity UI

Design system reference for the Devkit Vue stack (Vuetify 4 + custom theme helpers). Use when asked about styling, themi...

UI component patterns, colors, typography, and styling for PastCare Angular components

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...

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...

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...

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...

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

プロジェクト プロジェクトの 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 暗色渐变霓虹主题,...

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...

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

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...

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...

Frontend UI: accessible components, responsive layouts, CSS, Tailwind, themes, interaction states. Use for building a pa...

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

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...

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...

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...

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...

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

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...

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

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

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...

Apply operational CRUD-specific structure after loading the canonical global UX and UI principles. Use for admin, settin...

Customize ChatKit layout, theme, and presentation for RAG textbook chatbot with proper styling and textbook theme integr...

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...

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...