本文へ移動
cccskills
無料GitHub で公開

Design

UX and interaction design — UI, interface, wireframe, mockup, prototype, user experience, user journey, usability, accessibility audit, onboarding flow. The "how users think and move through it" domain.

インストール方法を見る

含まれるファイル(7)

  • SKILL.md3.5 KB
  • brand-guardian/SKILL.md2.8 KB
  • mxm-WRAPPER.md4.2 KB
  • ui-designer/SKILL.md8.0 KB
  • ux-researcher/SKILL.md8.3 KB
  • visual-storyteller/SKILL.md7.8 KB
  • whimsy-injector/SKILL.md7.5 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Design -- Domain Dispatcher

Office: CPO | Lead: product-strategist Sub-skills: 5 | Frameworks: Atomic Design, Double Diamond, Nielsen Heuristics, Gestalt Principles

Purpose

UX design, interaction design, user journeys, accessibility auditing, onboarding flows, and visual design execution. This is the "how users think and flow through an interface" domain -- distinct from design-system (tokens/components) and ui-styling (CSS implementation). Every design output is validated against behavioral science triggers and WCAG 2.1 AA as the minimum accessibility baseline.

Sub-Skill Routing

Task SignalRoutes ToSKILL.md Path
UI design, visual design, component design, visual storytellingui-designerui-designer/SKILL.md
UX research, user journey mapping, usability testing, generative researchux-researcherux-researcher/SKILL.md
onboarding flow, first-run experience, activation journeyonboarding-designer(routed via design domain)
WCAG audit, inclusive design, screen reader, assistive technologyaccessibility-auditor(routed via design domain)
delight, whimsy, micro-interactions, personality in UIWhimsy Layer (mode)whimsy-injector/SKILL.md

Activation

This domain activates when:

  • User invokes /mxm-design
  • Task contains keywords: design, UI, UX, interface, wireframe, mockup, prototype, user experience, user journey, usability, accessibility, onboarding flow, visual design, WCAG, information architecture
  • Executive router detects design, user experience, or interface signals
  • Escalates to ui-ux-pro-max skill when task spans multiple design sub-domains simultaneously

Behavioral Layer

  • Confidence: 🟢 HIGH (Maxim skill + external knowledge merged)
  • Compliance: reads project-manifest.json before decisions
  • Handoff: writes .mxm-skills/agents-handoff.md on completion
  • Frameworks: Atomic Design, Double Diamond, Nielsen Heuristics (10 usability heuristics), Gestalt Principles, Fitts's Law, Hick's Law, Jakob's Law
  • Auto-loops: behavior-science-persuasion (UX behavioral triggers), design-system (token/component governance), ui-styling (CSS/Tailwind implementation), accessibility-auditor (WCAG compliance on all UI outputs)
  • Compliance auto-loop: compliance skill triggered when design decisions involve user data collection

External Sources

  • Primary: community-packs/claude-skills-library/product-team/ (UX research templates, user journey frameworks, accessibility audit patterns)
  • Secondary: community-packs/ui-ux-pro-max/.claude/skills/design/ (advanced UI/UX execution patterns, interaction design references)
  • VoltAgent: community-packs/voltagent-subagents/ (design specialists)
  • Conflict resolution: Maxim ALWAYS WINS

Copyright (c) 2026 iSystematic Inc. Maxim product. BSL 1.1.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

AI video and image prompt engineering — video generation, image generation, product video, social media video, cinematic direction, animation, Seedance, Higgsfield, GPT-Image-2. Applies 15 Maxim-authored cinematic styles and the atomic prompt schema.

日本語の概要は準備中です。原文の説明を表示しています。

DrNabeelKhan/maxim22026年9月17日 更新

Apply a named behavioral science framework to any task — persuasion, nudge design, habit formation, conversion, influence, negotiation, cognitive bias, choice architecture, decision framing. The framework backbone every other Maxim skill loops into for psychological validation.

日本語の概要は準備中です。原文の説明を表示しています。

DrNabeelKhan/maxim22026年9月17日 更新

Founder and CEO automation — morning standup, overnight cycle, burn rate, runway, pipeline review, investor and fundraising prep, executive summary, daily digest. Operates on the .mxm-executive-summary context.

日本語の概要は準備中です。原文の説明を表示しています。

DrNabeelKhan/maxim22026年9月17日 更新

Tear down a company on request — "do a teardown of", "break down this company", "analyze this competitor's business". Fixed-template output: business model, how they make money, positioning, and where they are exposed.

日本語の概要は準備中です。原文の説明を表示しています。

DrNabeelKhan/maxim22026年9月17日 更新

Track what a competitor actually shipped — "watch this competitor", "track what they ship", "what changed at". Compares against the last snapshot and reports only real moves: launches, pricing changes, positioning shifts.

日本語の概要は準備中です。原文の説明を表示しています。

DrNabeelKhan/maxim22026年9月17日 更新

Regulatory review across 14 frameworks — compliance review, privacy impact assessment, regulatory gap analysis, data subject rights, consent mechanisms, audit trail, AI ethics review, data flow mapping. Covers GDPR, PIPEDA, HIPAA, PCI-DSS, SOC2, UAE-PDPL, EU AI Act and more.

日本語の概要は準備中です。原文の説明を表示しています。

DrNabeelKhan/maxim22026年9月17日 更新

DrNabeelKhan のスキルをすべて見る

このスキルの問題を報告する