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

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

Creates interactive HTML playgrounds: self-contained single-file explorers that let users configure something visually t...

Translates a news or feature article from one language to another, preserving journalistic register, factual precision,...

Design the words in a product — labels, instructions, errors, confirmations, empty states, onboarding copy, tooltips, vo...

Build a standalone, single-file HTML page the user can open and use — a report, dashboard, data visualization, interacti...