Agent skills directory

Generate implementation instructions or code patches for UI issues identified by ui-review

Use when fixing, auditing, improving, or building any web UI — before reading or editing component code. Fires on contra...

Specify a multi-screen user journey or flow — the screens the user moves through, the decision points, the success and f...

Protects design and theme files from unintended changes. Locks tailwind.config, global CSS, and theme variables. Require...

Convierte una maqueta HTML/CSS hi-fi de docs/diseno/ en un componente Angular del proyecto: spartan.ng (helm) + utilidad...

Generate User Interfaces (Web, CLI, Mobile) using GenUI, HTMX, or TUI patterns. Use when: ui gen.

Generate frontend code (HTML, CSS, React, Vue, Svelte, Tailwind, vanilla, etc.) from an existing UI spec — and only from...

Generate UI components from natural language descriptions.Use when: user asks for a page, component, or UI element.Trigg...

Baseline overlay for routine graphical UI and frontend changes that preserve the existing design language; use `ui-desig...

HMIS UI development guidelines for JSF/XHTML pages. Use when creating or modifying XHTML pages, PrimeFaces components, p...

You are helping with UI development for the ludiscan-webapp project. Follow these guidelines strictly to maintain consis...

Apply consistent UI design guidelines to components. Use this skill when building React/TypeScript components, designing...

UIコンポーネントを新規作成・編集する際に使用。Emotion styled/テーマトークン/Atomic Designのルールを確認。

Implement UI using Shadcn MCP (atoms/theme) and 21st.dev MCP (complex sections). Use when adding buttons, layouts, or ge...

Mesa and Sierra — a `.mesa` file, a resource, a form or control, a tether, prerendering, islands, `@frontierjs/css`. Cor...

Convert UI screenshots, website URLs, screen recordings, mockups, and design images into editable React/Vue/HTML/CSS fro...

Build custom Unity Editor windows

Implement one UI page from an approved generated design, a user-provided design artifact, or an authorized existing webs...

Implement project-consistent UI through page classification, bounded references, semantic tokens, skeleton-first deliver...

Implements UI components from scratch based on design references (Figma, screenshots, mockups) with intelligent validati...

Agent: ui-improver

Understand screenshot controls with DOM first and optional OmniParser vision.

Gather DOM inventory, computed styles, token usage, accessibility findings, and responsiveness data from a live or stati...

This skill should be used when the user asks to "add server action", "implement Supabase query", "connect to backend", "...

This skill should be used when the user asks to "add client interactivity", "implement form validation", "add event hand...

Use when the user asks to 'scrape Lex Machina', 'capture Bloomberg Law results', 'get all the search results', 'export m...

Use when analyzing a UI screenshot to describe layout structure and interface functionality.

当用户需要根据 UI 截图输出布局结构和功能说明时使用。

UI layout optimization guide for Angular pages. Use when reviewing or creating page layouts, dashboard cards, info grids...

(ePost) Use when building, auditing, or documenting UI library components through the Figma-to-code pipeline across web,...

Select and use UI/component libraries (Tailwind, shadcn, Radix, MUI, Chakra, AntD, Headless, React Aria): detect existin...

Integrate modern UI libraries and reusable components into the project.

This skill should be used when reviewing shadcn/ui component usage to ensure accessibility, consistency, and proper patt...

Quick automated lint — detects common design system violations in seconds

Write or refine UX copy — button labels, error messages, empty-state text, tooltips, helper text, loading messages, conf...

Mobile UI patterns - React Native, iOS/Android, touch targets

SwiftUIを使ったiOSアプリのUI実装を支援するスキル。View +

Orchestrator for WebView UI mockup workflow - delegates design iteration to ui-design-agent and implementation scaffoldi...

Create high-fidelity UI mockups in HTML/CSS — dashboards, mobile screens, landing pages, and component previews.

Create UI mockups at three fidelity levels — ASCII wireframes for quick iteration, standalone HTML mockups for delivery...

PRD 到高保真 UI 交付对齐 / 桌面工作台 UI mockup：当用户已有 PRD、UI 规范、真实前端项目路径、截图或页面状态清单， 需要先从 PRD 提炼 UI 结构、状态模型和 ASCII 布局，再进入高保真 mockup、项目...

Modernize a React/Vue/Svelte + Tailwind UI to 2026 SaaS-grade design (Linear / Vercel / Stripe / shadcn aesthetic). Supp...

Atomic-design guidance for Molecules — functional groups of atoms (SearchBar = input + button + icon; FormField = label...

Apply a named StyleSeed motion to a component — either one of the 5 personality seeds (Spring/Silk/Snap/Float/Pulse × en...

Standards for UIKit, Auto Layout, and Apple Human Interface Guidelines.

Autonomous neuro-ergonomic + a11y UI audit and iteration skill. Combines WCAG 2.2 AA standards, cognitive science princi...

Analyze a website page's UI for obvious oddities: the same information repeated multiple times (a phone number shown thr...

Read the current project state and recommend which UI skill to run next. Use this skill whenever a user asks "what shoul...

Atomic-design guidance for Organisms — complex feature-level sections (Header, ProductGrid, CommentSection) that compose...

Grade and steer UI work using Anthropic-style design dimensions—coherence, originality, craft, and usability—for generat...

A design/frontend skill bundle — the single entry point for high-fidelity UI work. Loading ui-pack pulls in the whole UI...

Creates, extends, repairs, validates, versions, and publishes reusable UI Packs. Use when adding or changing UI Pack Fou...

Scaffold a new mobile page/screen using the StyleSeed layout patterns

UI Page workflow skill. Use this skill when the user needs Scaffold a new mobile-first page using StyleSeed Toss layout...

Use when scaffolding a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell co...

Scaffold a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.

UI path tracer for SwiftUI/UIKit apps. 5-layer audit with 34 issue categories and 19 automated checks: discover entry po...

Use when generating reusable UI patterns such as card sections, grids, lists, forms, and chart wrappers using StyleSeed...

Generate a composed UI pattern (card layout, list, form section, grid, etc.) using design system primitives

Generate reusable UI patterns such as card sections, grids, lists, forms, and chart wrappers using StyleSeed Toss primit...

Ready-to-use UI patterns library for common scenarios - stats dashboards, data tables, forms, modals, and feedback state...

Opinionated UI constraints and patterns for building better interfaces. Focuses on accessibility, usability, and impleme...

Plaited UI patterns for templates, behavioral elements, and styling. Use when creating bElements or FunctionalTemplates,...

Enforce the "Premium" aesthetic and accessibility standards.

Generate UI design contract (UI-SPEC.md) for frontend phases

UrhoX UI Design — PixelForge Retro Pixel-Art Style. Use when users need to (1) 创建像素/复古/8-bit/街机风格的游戏 UI, (2) 使用像素字体和硬边阴影...

Skill de polish de interface — os detalhes pequenos que fazem uma UI parecer refinada em vez de "ok". Use ao construir c...

Four quality gate checklists for frontend: baseline visual, accessibility, metadata/SEO, and motion performance. Post-im...

Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend c...

UI 质量打磨器：逐项检查、细节优化、确保产品级 UI。触发词：打磨 UI、优化界面、检查细节、美化页面。

Customize installed shadcn and Lucide visuals.

Enforce a precise, minimal design system inspired by Linear, Notion, and Stripe. Use this skill when building dashboards...

Propose a UI change for human sign-off before building it. The default path deploys a rough live staging preview (with N...

This skill should be used when users need to generate detailed, structured prompts for creating UI/UX prototypes. Trigge...

Explore multiple *divergent* UI directions for a screen as named Swift

Routes UI validation to native mobile, browser, accessibility or responsive QA.

Find and compare real UI examples from UIZZE’s 800,000+ web and iOS screens. Use for UI inspiration, UI research, design...

Set up and manage a UI redesign experiment with three git worktree branches for modern minimal, bold creative, and class...

Diagnose an existing UI implementation (screenshot, code, or live URL) against an approved spec, identify mismatches, ra...

Scans UI components for refactoring opportunities after implementation. Extracts duplicate JSX patterns into shared comp...

Use when refactoring existing React Native, Next.js, or TypeScript UI code to apply modern design principles and aesthet...

Refine UI posture — improve an existing screen without reinventing it. Use when the current page is roughly right but ne...

This skill should be used when the user asks to "verify UI changes", "test every screen and action", "run regression QA"...

Reimagine UI posture — bold from-scratch reinvention of a screen. Use when asked to rethink or reinvent a UI, merge scre...

Routes UI research, examples and critique to original providers for the requested product or pattern.

Research-first UI/UX design workflow. Use BEFORE any frontend visual work to research modern patterns, gather inspiratio...

Clone or recreate a live website URL, page, or section as React + Tailwind with extracted DOM, CSS, assets, responsive l...

Comprehensive UI review for WCAG compliance, design system adherence, and legaltech patterns

Use to critique a screen, flow, prototype or running build, accessibility included, and rank what is broken, such as "ch...

Retroactive 6-pillar visual audit of implemented frontend code

Automated UI/UX review of a web page or app using the agent-browser CLI. Detects text overflow/clipping, awkward wrappin...

[Code Quality] Use when reviewing UI/frontend changes for long-content overflow, responsive multi-screen layout (flex-wr...

Review UI code for StyleSeed design-system compliance, accessibility, mobile ergonomics, spacing discipline, and impleme...

Review UI designs and implementations for accessibility, consistency, usability, and visual quality. Use when asked to r...

Full UI pass on one screen, dialog or flow: runs /flagrare:ux-audit, /flagrare:design-review and /flagrare:interaction-p...