Browse 181,320 skills across 14 categories.
Review UI changes against Swiss International Style design system. Checks colors, typography, borders, shadows, spacing,...
Use when reviewing UI code for StyleSeed design-system compliance, accessibility, mobile ergonomics, spacing discipline,...
Use when critiquing an interface design. Covers hierarchy, affordance, consistency, states, and delivering feedback that...
Review UI code for design system compliance, accessibility, and best practices
Comprehensive UI/UX review for macOS Tahoe apps. Covers Liquid Glass design, HIG compliance, SwiftUI patterns, and acces...
Create SvelteKit routes and Svelte 5 components for the Traceway UI. Use when building new pages, components, or fronten...
Routes ambiguous multi-stage UI work across research, concept, Figma, implementation, and QA. Do not use for a clear lea...
Skill for analyzing a project's existing UI in Vue. Activates when the user uses /pwdev-uiux:scan or asks to "analyze th...
Score a UI file's design quality 0-100 against StyleSeed's design language — per-category breakdown, the worst offenders...
Turn an approved blueprint and system spec into a screen-level implementation contract — mapping components to regions,...
Auto-capture UI screenshots for PRs using Playwright MCP browser tools.
Arrange readable product screenshot evidence.
Automatic UI screenshots, Electron/Puppeteer capture rigging, control-centre screenshot review galleries, user journey p...
Capture screenshots and short clips of any web application's UI for visual review, documentation, or pull requests. Use...
Interactive setup wizard — guides you step-by-step to configure the design system for your project
Interactive StyleSeed setup wizard for choosing app type, brand color, visual style, typography, and the first screen sc...
Lean, sharp UI posture — the everyday default for building or redesigning a UI. Use when asked to build or make a page,...
Use this skill whenever writing client-side routing, navigation guards, page transition logic, URL structure, scroll pos...
Skeleton loading placeholders — gray-shape stand-ins that mirror final content dimensions, use subtle shimmer/pulse anim...
画面構成とユーザーフローを整理し、ワイヤーフレームを作成する。ユーザーストーリー作成後、実装前にUIの方向性を固めたい場合に使用。「UIを整理したい」「画面構成を考えたい」「ワイヤーフレームを作りたい」「ユーザーフローを可視化」などのリクエ...
UI implementation best practices and conventions for building user interfaces. Use this skill when implementing UI.
Opinionated, evolving constraints to guide agents when building interfaces
Applies opinionated UI/UX constraints for building better interfaces. Use when creating, reviewing, or modifying SwiftUI...
Opinionated, evolving constraints to guide agents when building interfaces. Useful for keeping output coherent across ma...
Opinionated constraints for building better interfaces with agents.
UIスモークテストとE2E（Playwright）の実行手順を指示するスキル。画面/導線を変更したときに使う。
UI/UX設計に基づいた画面仕様書の作成を担当します。
Generate and maintain structured UI specification files (pages.yaml) from design resources and test cases. Use when: (1)...
Validate a complete spec package for completeness, vocabulary, consistency, and state coverage before code generation be...
Reconcile a UI spec package with the current implementation after code fixes or redline audits. This skill ensures the s...
PySide6 UI development with dark theme, signals/slots, and NodeGraphQt integration
Find and repair missing UI states or transitions in an interactive component or flow, including async ordering, stale da...
Design and build the UI states agents forget: first use, empty, loading, error, offline, no results, long content, permi...
Design all 7 UI states for any data-dependent view: empty, loading, skeleton, partial, complete, error, offline. Use whe...
Start, inspect, and stop the @ayunis/ui Storybook for Ayunis Core. Use when reviewing UI package components or stories i...
Generate consumer-facing documentation for a shared UI component — MDX docs page, Storybook 8 stories file, and prop tab...
Stress-test a running web interface with extreme content, narrow containers, zoom, and relevant locale variations, then...
Frontend coding standards, component patterns, and design system for the Guessimate Angular UI. Reference when writing o...
Comprehensive skill for creating beautiful, accessible user interfaces combining shadcn/ui components, Tailwind CSS util...
实现 React/shadcn/Tailwind 项目的组件样式、主题与响应式，沿用既有版本。
Style UIs with shadcn/ui components (Radix UI + Tailwind CSS). Use for accessible components, themes, dark mode, respons...
shadcn/ui y shadcn-vue + Tailwind: implementar componentes accesibles en Next, Vue/Inertia o Astro. Úsala DESPUÉS de ui-...
Implement and refine accessible, responsive interfaces using an existing component system or utility CSS, with strong st...
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS util...
Identify the product's UI scopes (inspectable areas), classify them by type (App Shell, Journey, Route, Sub-surface), no...
Triggers before SOP screenshots to systematically click every interactive element on the site, as a regression sweep aft...
Implements UI systems using Control nodes, themes, responsive layouts, and UI animations. Use when building menus, HUDs,...
Define the design system foundations for a UI project — color tokens (semantic and literal), spacing scale, typography s...
Trigger UI elements programmatically via HTTP automation. Use when you need to press buttons, interact with UI, or verif...
Give your coding agent better UI taste. Build and polish web and iOS interfaces with Uizze's anti-ui-slop playbooks and...
Atomic-design guidance for Templates — page-level wireframes that arrange organisms into layout slots (hero/main/sidebar...
Collection of distinctive UI design templates. Each template provides a complete design system with colors, typography,...
> Category: Quality Assurance
UI/E2E testing specialist. Use for Playwright tests and browser-based verification of critical user journeys.
Visual testing - catch invisible buttons, broken layouts, contrast
Browser automation skill for UI testing via Chrome MCP tools. Use when: (1) QA Agent needs to verify UI visually or test...
Design-token systems — semantic CSS custom properties for colours, spacing, typography, and shadows, with light/dark the...
Design token system using Style Dictionary with Tailwind CSS v4 integration.Centralizes design tokens in JSON format, ou...
Theme generation with tweakcn for shadcn/ui and Magic UI animations. Use when setting up project themes, customizing col...
Skill especializada exclusivamente en el diseño visual de interfaces modernas para Expo Go y React Native utilizando Sty...
UI theming skill for applying brand designs to Flutter apps. Use when user asks to 'apply X style', 'change theme to Y',...
把用户粘贴的 UI 设计稿 / 截图 / 原型图转成纯文本 ASCII 框线布局图并存入 Markdown（设计稿标注转为编号锚点 + 标注表）；也支持凭文字描述直接生成界面 ASCII 草图（直接输出、不落盘）。触发："把这个设计图转成文...
Slice a UI spec package, redline audit, or acceptance checklist into independently implementable GitHub issues or markdo...
当用户有 UI 截图或设计导出文件需批量转换为 Vue 3 组件（Composition API、TypeScript）时使用
Use when the user has UI screenshots or design exports that need batch conversion into Vue 3 components, especially with...
The user has UI screenshots or design exports
Enforce UI token usage for Espresso Engineered frontend work. Use when editing Svelte/SvelteKit UI, styling typography,...
List, add, and update StyleSeed design tokens while keeping JSON sources, CSS variables, and dark-mode values in sync.
Use when listing, adding, or updating StyleSeed design tokens, keeping JSON sources, CSS variables, and dark-mode values...
View, add, or modify design tokens in the StyleSeed design system
UI Toolkit — UXML document structure, USS styling (CSS-like), UQuery, data binding, ListView virtualization, custom visu...
Zoom Video SDK UI Toolkit for Web. Use when building prebuilt or low-code Zoom Video SDK browser UI with @zoom/videosdk-...
Reference skill for Zoom Video SDK UI Toolkit. Use after routing to a web video workflow when you want prebuilt React UI...
Professional typography rules for UI design, web applications, software interfaces, and all screen-based text. Enforces...
Design, layout, and script Unity uGUI Canvas
Author modern Unity 6+ UI Toolkit interfaces
Update StyleSeed engine in your project — analyzes what's outdated and updates safely
Descobre melhorias visuais e de usabilidade com validação via browser. Use quando precisar analisar interfaces, identifi...
Comprehensive UI/UX design intelligence engine for web, mobile, and desktop interfaces. Covers design systems, visual hi...
Design UI / UX — flows, screens, components, and interaction patterns. Produce wireframes-in-prose and design feedback.
共通UIコンポーネント、カラーパレット、タイポグラフィ、スペーシング、空状態デザイン。UI実装、コンポーネント作成、スタイリング時に使用。
Implements UI/UX systems including responsive design, animations, input handling, HUD elements, and menu systems. Use wh...
Use when designing, auditing, or generating a HUD, menu system, or feedback vocabulary for any genre — information hiera...
Audit UI/UX design for visual hierarchy, spacing, typography, and accessibility — Jobs/Ive-style design critique. Use wh...
Produces comprehensive behavioral specifications and interaction blueprints for UI components and full pages. Activate w...
UI/UX standards — WCAG 2.2 AA, Radix + Tailwind 4 + shadcn/ui, design-token theming, mandatory loading/error/empty/succe...
Automates UI/UX audits. Researches competitors, validates accessibility (WCAG 2.1), verifies responsiveness, audits desi...
Professional UI/UX audit methodology and design vocabulary. Use when: conducting UI/UX audits, evaluating visual hierarc...
웹 프로젝트 UI/UX 9영역 자동 감사 + 스크린샷 시각 검증 + 0-10 채점 + 코드 수정. Grep 정적 스캔(1차 신호) 후 렌더링된 화면을 직접 관찰해 채점(관찰이 코드 추정을 이김). 다크모드, 반응형,...
Trigger when building, designing, or validating UI/UX for web apps. Also trigger when asked to take screenshots of web p...
Build or redesign polished React and Next.js interfaces by selecting and composing shadcn/ui, shadcnblocks, Beautiful UI...
Use when designing or building any screen, section or component that a user sees — visual hierarchy, typography, colour,...
UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product typ...
Create production-grade frontend interfaces with strong UX and visual craft. Use when building web components, pages, da...
UI/UX design systems, Figma workflows, accessibility checklists, browser-based visual audit with automated screenshots,...
Use for meaningful UI creation or redesign; produce product-specific visual direction, clear interaction states, respons...
Modern UI/UX design principles, patterns, and best practices for web and mobile applications. Use when building user int...
User interface design, user experience optimization, accessibility compliance, design systems
Skill do Designer UI/UX para interfaces e experiência do usuário: wireframes, design system tokens, componentes de UI, f...