Навыки: Дизайн

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