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

Plan a hackathon, either from a team's real backlog or as open-ended creative play with Claude Code. Use when a champion...

Design skill for websites and new pages that look designed, not generated. Use when the user asks to build or design som...

审查页面视觉层级与结构，重设计或分析参考页面/截图；用于页面视觉改进。

Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots. Use w...

Applies opinionated anti-AI-slop design rules so generated UIs look made, not generated: greenfield pages, audits, redes...

AIのハルシネーション（幻覚・誤情報生成）を防止するスキル。プロンプトレベル、パラメータレベル、検証レベルの3層防御により、信頼性の高いAI出力を実現。Anchors:• Thinking, Fast and Slow (Daniel Ka...

Create hand-drawn Excalidraw diagrams, flows, explainers, wireframes, and page mockups. Default to monochrome sketch out...

Specify, map, document, validate, and package an approved UX/UI design or prototype into build-ready behavior, component...

Personal script feel, marker/pen texture, human warmth.

Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case manageme...

Production-readiness pass — audits and implements the full non-happy-path matrix: loading skeletons, empty states, error...

When maintaining, assessing or redesigning the agent harness itself — skills, agents, extensions, hooks, tools, setup, d...

Internal dashboard worker for the browser-based Brick Office view over .harness runtime state. Hire/call from CEO, CTO,...

Create, repair, validate, preview, and package Codex-compatible animated pet spritesheets from character art, screenshot...

ヘッドレスUIアーキテクチャとスタイル非依存コンポーネント設計の専門知識。Radix UI、Headless UI、React Aria等を活用し、アクセシビリティを確保しながら完全なスタイル制御を実現。Anchors:• Don't Ma...

Capture clean, deterministic screenshots of a JavaScript web app without installing a browser automation framework. Use...

Headless UI - Unstyled, fully accessible UI components for React and Vue with built-in ARIA patterns

ヘルスチェックの設計・実装・監視の指針を提供するスキル。マイクロサービスの信頼性と観測性を確立するためのガイダンスを提供。Anchors:• Observability Engineering (Charity Majors) / 適用:...

Use once, at the start of a new Hedgehog project on the full-stack-app core, before hedgehog-bootstrap's add-on steps, t...

Installation and quick start guide for Helios video engine. Use when setting up a new Helios project, installing package...

Player API for embedding Helios compositions in web pages. Use when you need to display a composition with playback cont...

Assess system state and suggest what needs attention. Use when stuck, unsure what to work on, or need guidance. Reviews...

Think before typing. Root cause first, two candidate fixes, pick one, ask if still unclear, then change only the files t...

Write desktop app plugins that add UI panes and commands.

When the user wants to design, optimize, or audit hero sections (above-the-fold main visual area). Also use when the use...

Scaffolds new HeroUI v3 React components using compound component patterns. Enforces named exports, onPress handlers, an...

Step-by-step guidance for heroui native.

Recommend appropriate HeroUI components for new features and ensure proper usage. Use when implementing new UI features...

Produce a scored heuristic critique of the UI using Nielsen's 10 + 6 design laws + optional persona walkthroughs. Output...

Evaluate a page or component against Nielsen's 10 Usability Heuristics and produce a structured findings report. Use whe...

Conduct heuristic evaluations - Nielsen's 10 heuristics, severity ratings, expert review methodology, cognitive walkthro...

Predice el tiempo de decisión basado en número de opciones. Use cuando diseñe menús, navegación, formularios con múltipl...

Apple Human Interface Guidelines (HIG) lookup and routing for iOS, iPadOS, and macOS design work. Use when any Apple-pla...

Applies Human Interface Guidelines (HIG) principles — Hierarchy, Harmony, and Consistency — to UI/UX designs to ensure i...

Inspect an existing product and produce evidence-backed, prioritized UI/UX findings before recommending or implementing...

Apple Human Interface Guidelines for content display components. Use this skill when the user asks about "charts compone...

Apple HIG guidance for selection and input controls including pickers, toggles, sliders, steppers, segmented controls, c...

Apple HIG guidance for selection and input controls including pickers, toggles, sliders, steppers, segmented controls, c...

Check for .claude/apple-design-context.md before asking questions. Use existing context and only ask for information not...

Apple HIG guidance for presentation components including alerts, action sheets, popovers, sheets, and digit entry views....

Apple HIG guidance for presentation components including alerts, action sheets, popovers, sheets, and digit entry views.

Apple Human Interface Guidelines for layout and navigation components.

Check for .claude/apple-design-context.md before asking questions. Use existing context and only ask for information not...

Apple HIG guidance for navigation-related components including search fields, page controls, and path controls. Use this...

Apple HIG guidance for status and progress UI components including progress indicators, status bars, and activity rings....

Apple HIG guidance for status and progress UI components including progress indicators, status bars, and activity rings.

Apple HIG guidance for system experience components: widgets, live activities, notifications, complications, home screen...

Apple HIG guidance for system experience components: widgets, live activities, notifications, complications, home screen...