Каталог навыков агентов

Audit and improve an existing interface using Apple Human Interface Guidelines, explicit web adaptations, and evidence-f...

Rebuild an Apple-style Mac launch film entirely in code with Claude Code. A thin menu bar, the black notch growing into...

Use when designing, scaffolding, or reviewing **native macOS** UX with **AppKit + SwiftUI**, especially for windows, men...

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

Software architecture patterns and alternatives expert. Covers monolith vs microservices, serverless, event-driven, CQRS...

Designs new systems from requirements: C4 model diagrams, service boundaries, API contracts, data design, failure modes,...

Create professional, dark-themed architecture diagrams as standalone HTML files with SVG graphics. Use when the user ask...

Generates a Mermaid architecture diagram showing high-level component relationships. Use when visualizing how plugins or...

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

This skill should be used when a system design needs a diagram — "draw the architecture", "diagram this system", "show t...

Create architecture diagram creator operations. Auto-activating skill for Visual Content. Triggers on: architecture diag...

Guide users through discovering and defining system architecture through structured conversation. Triggers on "I want to...

Use when creating a feature, designing folder structure, adding repositories/services/view models, wiring dependency inj...

Comprehensive software architecture and system design guide covering design patterns, distributed systems, scalability,...

Model system responsibilities across clients, servers, and optional peer-to-peernodes for traditional distributed applic...

Use a Layered (N-Tier) architecture to separate presentation, domain logic, anddata access responsibilities within a sys...

Decompose systems into a suite of small, independently deployable services alignedto specific business capabilities.Trig...

Document system design decisions with mapped user flows, coupling analysis, failure modes, and explicit non-goals, provi...

Design token architecture and system design evaluation. Reviews 3-layer token hierarchy, naming conventions, variant pat...

Revisar arquitectura sin tocar código, por foco [boundaries|data-flow|domain|concurrency], con findings por severidad; n...

Master system design, architecture patterns, algorithms, data structures, and computer science fundamentals for building...

Connecte les prédictions et visions du passé aux réalités présentes pour l'Acte VI d'un épisode NEW TEMPS X. Utilise ce...

在 Ardot 中从头构建完整页面、屏幕或多区块 UI 布局时，将此技能与 ardot-use 配合使用。 通过 6 步工作流程编排多个 MCP 工具：初始化 → 样式系统 → 变量 → 骨架 → 逐区块构建 → 验证。 触发条件："在...

在 Ardot 中构建可复用组件库或设计系统时使用此技能。 涵盖从变量/设计令牌创建到使用正确变量绑定构建组件的完整工作流程， 直至最终验证。 触发条件："创建组件库"、"构建设计系统"、 "制作可复用按钮"、"创建 UI 组件"、"构建...

从头设计或为 Ardot 项目应用视觉主题时使用此技能。 涵盖 `search_style_guide` → `build_style_guide` 工作流程，用于发现和应用完整的设计系统（颜色、排版、间距、布局模式）。 触发条件："设计...

Compare saved or live app screenshots with the argent screenshot-diff tool. Use when testing visual regressions, before/...

준공검사 감리 스킬. 설계 산출물(spec, api-spec, qa-scenarios, flow-diagrams) 대비 구현을 정적·런타임·API·QA·도면·보안 관점으로 검증한다. 일반 diff 품질은 가용한 CL...

WAI-ARIA implementation, roles, states, and properties.

Configure with aria attribute helper operations. Auto-activating skill for Frontend Development. Triggers on: aria attri...

Use when one text value is rendered across two or more elements for styling — a typed prefix in one ink and the completi...

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible names...

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use valid ARIA role value...

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid focusable descendan...

Design architecture for Ark features following existing patterns and principles. Use when planning new features, extendi...

Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy to c...

Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use...

Review UI code or a running page against the Array UI (array-ui) editorial systems rules (0% custom CSS, hairline border...

Complete visual content system. USE WHEN user wants to create visual content, illustrations, diagrams, OR mentions art,...

Complete visual content system for PAI. Tron-meets-Excalidraw aesthetic - dark backgrounds, neon accents, hand-drawn ske...

Guided, section-by-section Art Bible authoring. Creates the visual identity specification that gates all asset productio...

Direct visual and creative work for campaigns, photography, illustration, video, and branded experiences. Use this skill...

Use on any page build, redesign, or 'make it look better' request on a site that has (or needs) a saved Art Direction. L...

Reviews an existing website, mockup, prototype, or design execution for whether content, typography, imagery, compositio...

Give a website a distinctive, coherent design where every component has its own idea - derived from the product's world,...

AI art direction system. Claude directs image generation models (Gemini, DALL-E, Flux) via structured prompts. Generate...

AI art generation and image manipulation

My Personal AI System

This skill should be used when the user asks about "art direction", "visual style", "color palette", "aesthetic", "visua...