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

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

Generate and maintain structured UI specification files (pages.yaml) from design resources and test cases. Use when: (1)...

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

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

Stress-test a running web interface with extreme content, narrow containers, zoom, and relevant locale variations, then...

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

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

Design-token systems — semantic CSS custom properties for colours, spacing, typography, and shadows, with light/dark the...

Skill especializada exclusivamente en el diseño visual de interfaces modernas para Expo Go y React Native utilizando Sty...

当用户有 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

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

Professional typography rules for UI design, web applications, software interfaces, and all screen-based text. Enforces...

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実装、コンポーネント作成、スタイリング時に使用。

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

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