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

App dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-first workflows.

The data-dense product-screen layer of the design method: density, the trading typography scale, metric grids, status ba...

Apply the Anthropic "Applied AI" frontend visual language to BMC components — calm warm palette, generous whitespace, se...

Use when designing interactive elements — buttons, links, inputs, sliders, drag handles — to ensure visual appearance co...

Use when building custom UI components that native HTML cannot represent — to give assistive technology the correct role...

Use when adding audio or video with sound that plays automatically — to ensure users can pause, stop, or mute it without...

Use when writing PlayCanvas Engine code touching transforms, cameras, lights, materials, meshes, bounds, or imports, to...

Review an existing design and connect it to design system components.

Apply design tokens and system patterns correctly. Reference for semantic colors, spacing, typography, borders, and shad...

Use when designing interactive UI elements — buttons, links, menus, form controls — where target size, placement, and sp...

Use when simplifying navigation menus, option lists, decision points, or any interface where too many choices slow users...

Use when adding tooltips, popovers, or any content that appears on hover or focus — to ensure users can dismiss it, move...

Applies the Kinetic Continuity motion language when planning, building, or reviewing a GSAP demo or interface that needs...

Use when publishing video, audio, or any time-based media — to provide captions, transcripts, and audio descriptions for...

Use when adding transitions, animations, or micro-interactions to a UI — to ensure every motion has a clear purpose, res...

Use when adding animations, transitions, parallax effects, or auto-playing video to a UI — to respect users' motion sens...

Apply 45Black Saville Edition (v5.0) design system with 'The Clarity Standard' aesthetic

Apply shadcn/ui components to React pages and components. This skill should be used when styling specific pages or compo...

Finds modals, dropdowns, hover states and other UI changes that happen instantly with no animation, sorts each by the ki...

Apply 45Black Trustee Edition (v1.0) design system with 'The Clarity Standard' aesthetic

Apply Next.js design principles and best practices for App Router, Server Components, caching strategies, and modern pat...

Frontend UI design system selector and implementation guide covering Glassmorphism, Liquid Glass (Apple-style), Neubruta...

Applies web design standards covering typography systems, color theory, grid layouts, design tokens, component library a...

承認ゲートの設計・評価・運用を体系化し、変更管理とリリース判断を安全に進めるスキル。リスク評価に基づくゲート条件、手動承認と自動検証の分離、監査可能な記録設計を支援します。Anchors:• The Pragmatic Programmer...

Record per-PR architecture-review approval for design-artifact PRs (required by the architecture gate). ONLY on an expli...

Record per-PR design-review approval (UI merge gate). ONLY on an explicit per-PR designer "approved".

Generate App Store screenshot marketing images from an app's codebase and simulator screenshots. Deterministic Pillow sc...

Provides comprehensive Arabic internationalization standards including i18n structure, translation key conventions, and...

BroomVA trademark web styling system — Arcan Glass design language for Next.js + Tailwind v4 + shadcn/ui projects. Use w...

Maintains consistency in Arcanea world-building, including academy systems, magical mechanics, character lore, and narra...

Especialista no padrão arquitetural Boundary-Control-Entity (BCE / ECB de Ivar Jacobson). Define a separação limpa entre...

Dark-themed SVG architecture/cloud/infra diagrams as HTML.

Diagrams: C4 model, PlantUML, Mermaid, sequence diagrams, ERDs, infrastructure diagrams

Create C4 Container architecture diagram showing static structure, building blocks, and technology choices. Anatomical l...

Create Concurrency architecture diagram showing parallel execution patterns, thread pools, synchronization, and barriers...

Create Process/Execution Flow architecture diagram showing runtime behavior, state transitions, and decision points. Phy...

アプリの設計・アーキテクチャの「質」をレビューする。UI/DB/外部サービス/言語などの詳細を差し替え可能に保てているかを検査する。「arch-review」「設計をレビューして」「アーキテクチャをレビューして」と指示されたとき。

Video production workflow orchestrator for Veo 3. Guides users through creating professional video prompts via two paths...

Design and code review: boundaries, coupling, cohesion, naming, complexity, code reuse, comment hygiene, refactor strate...

Analyzes problems and designs system architecture before implementation. Activates when user asks design questions, disc...

When structure is the problem — improve an existing architecture without changing its goals, or rethink it from first pr...

[Architecture] Use when a workflow step or the user asks for --mode=design (solution architecture), --mode=review (compl...

Overall stack and module shape for nyxterm. Load when touching Tauri commands, PTY wiring, frontend↔backend IPC, or xter...

Build an interactive architecture map for an organization, open source project, or tech platform

Design or audit system boundaries and consequential technical decisions. Triggers on "system design", "架构设计".

Reuse org catalog resources when deriving or enriching a component's design — deciding the component decomposition, fill...

ProAnimate project architecture, tech stack, file organization, layer system, and state management. Auto-applied when di...

Creates Architecture Decision Records (ADRs) for software development tasks. Use this skill when you need to document ar...