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

design-direction

Design direction interview methodology — SUPERSEDED. The `impeccable` skill's `/impeccable teach` command now handles design direction discovery with a more comprehensive, multi-round interview that writes PRODUCT.md and DESIGN.md. This file is kept for pipeline backward compatibility — all new design work should use `/impeccable teach` instead.

インストール方法を見る

含まれるファイル(1)

  • SKILL.md3.1 KB

SKILL.md(原文)

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

Design Direction — SUPERSEDED by /impeccable teach

⚠️ This skill is superseded. The pipeline now uses the impeccable skill for all frontend design work. The /impeccable teach command provides a more comprehensive design discovery process: it runs a multi-round interview covering users, brand, tone, strategic principles, and visual identity, then writes PRODUCT.md and DESIGN.md files that all other impeccable commands consume.

This file is retained for pipeline backward compatibility. When the pipeline triggers design direction discovery, delegate to /impeccable teach.

Delegation Protocol

When this skill is invoked (e.g., during /create-prd-stack):

  1. Run /impeccable teach to gather design context
  2. Extract the confirmed design direction, color palette, typography, and motion philosophy from the resulting PRODUCT.md and DESIGN.md
  3. Fire bootstrap with the extracted DESIGN_DIRECTION, PRIMARY_COLOR, HEADING_FONT, etc.
  4. Do NOT run the legacy constraint questions or option table below

Legacy Content (Reference Only)

The original design direction interview methodology is preserved below for reference. Do not use it — use /impeccable teach instead.

<details> <summary>Original design-direction methodology (superseded)</summary>

Constraint Questions

  1. What is the emotional tone of the product? (professional/trustworthy, playful/approachable, premium/luxury, raw/technical, editorial/content-first)
  2. Who is the primary audience? (developers, consumers, enterprise, creatives, general public)
  3. Are there existing brand assets? (logo, colors, fonts)
  4. What are the top 2–3 competitors' visual styles?
  5. Are there hard constraints? (WCAG AA required, white-label needs, dark mode required, existing brand guidelines)

Option Table

DirectionWhat It IsProsConsBest For
Minimal/FunctionalClean, whitespace-heavy, typography-ledTimeless, fast, accessibleCan feel cold or genericSaaS tools, developer products
Editorial/MagazineStrong typographic hierarchy, content-firstDistinctiveComplex to maintainMedia, blogs, knowledge platforms
Luxury/RefinedRestrained palette, premium materials feelHigh perceived valueCan feel inaccessiblePremium SaaS, fintech
Playful/ExpressiveBold color, personality, illustrationMemorableCan age quicklyConsumer apps, gaming, social
Technical/BrutalistRaw, grid-exposed, monospace, data-denseAuthentic for technical audiencesPolarizingDev tools, dashboards
HybridCombine elements from two directionsBest of bothRequires design disciplineWhen constraints pull two ways
</details>

レビュー

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

同じリポジトリのスキル

概要と使いどころ

Audit and improve web accessibility following WCAG 2.1 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".

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

RepairYourTech/cfsa-antigravity62026年8月16日 更新

Structured methodology for adversarial thinking — generating attack scenarios, abuse cases, race conditions, and security edge cases against specs and implementations. Produces spec-level gap items, not code-level fixes.

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

RepairYourTech/cfsa-antigravity62026年8月16日 更新

Orchestrate multiple Antigravity skills through guided workflows for SaaS MVP delivery, security audits, AI agent builds, and browser QA.

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

RepairYourTech/cfsa-antigravity62026年8月16日 更新

Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight developers. Use when designing new APIs, reviewing API specifications, or establishing API design standards.

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

RepairYourTech/cfsa-antigravity62026年8月16日 更新

Manage API versioning and evolution with URL/header/query strategies, deprecation workflows, breaking change classification, sunset headers, and consumer-driven contract testing. Use when designing versioning strategy, deprecating endpoints, or evolving API contracts.

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

RepairYourTech/cfsa-antigravity62026年8月16日 更新

Analyzes codebase structure, data flow, module relationships, and key patterns to generate and maintain a living architecture document (ARCHITECTURE.md).

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

RepairYourTech/cfsa-antigravity62026年8月16日 更新

RepairYourTech のスキルをすべて見る

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