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

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

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.

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

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.

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

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

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

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

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

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

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

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

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

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

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.

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

Skeleton loading placeholders — gray-shape stand-ins that mirror final content dimensions, use subtle shimmer/pulse anim...

画面構成とユーザーフローを整理し、ワイヤーフレームを作成する。ユーザーストーリー作成後、実装前にUIの方向性を固めたい場合に使用。「UIを整理したい」「画面構成を考えたい」「ワイヤーフレームを作りたい」「ユーザーフローを可視化」などのリクエ...