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

design-discovery

Use when a web project needs business goals, audience, information architecture, conversion priorities, content hierarchy, constraints, or design CTQs clarified before visual design begins.

インストール方法を見る

含まれるファイル(3)

  • SKILL.md1.8 KB
  • agents/openai.yaml242 B
  • references/asset-protocol.md1.4 KB

SKILL.md(原文)

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

Design Discovery

Convert the request into a decision brief

Capture only information that changes the design:

  • business/product and desired outcome;
  • primary users and context of use;
  • top job-to-be-done and secondary jobs;
  • primary CTA/conversion and failure modes;
  • content inventory and trust evidence;
  • required pages, states, locales and devices;
  • brand attributes and explicit anti-attributes;
  • technical/deployment constraints;
  • measurable CTQs.

CTQ examples

Translate adjectives into observable requirements.

  • “premium” → deliberate art direction, controlled type hierarchy, authored imagery, restrained motion, no template residue.
  • “fast to use” → core answer/action discoverable in one scan and short navigation path.
  • “mobile-first” → content priority and interaction model are designed for touch before desktop decoration is added.

Ambiguity policy

Do not stall on low-risk gaps. Infer reasonable defaults, label them as assumptions, and continue. Ask only when a missing decision would materially change business logic, brand, legal requirements or architecture.

Output

Produce a concise design brief with: Goal, Audience, Primary Job, Primary Action, Content Priority, Brand, Anti-Direction, Constraints, CTQs.

When imagery, logos, footage, 3D models, fonts, or external references affect the direction, read references/asset-protocol.md and record ownership, rights, fidelity, fallback, and delivery status before treating an asset as available.

レビュー

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

同じリポジトリのスキル

概要と使いどころ

Use for release-level accessibility and performance review, including WCAG 2.2 AA, keyboard/focus, target size, reduced motion, semantic controls, Core Web Vitals, images/fonts/JavaScript, and animation or 3D performance budgets.

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

Lrinvl1203/world-class-web-design-os82026年10月2日 更新

Use to audit a generated or heavily templated interface for generic AI aesthetics, unjustified trend patterns, component-registry residue, vague copy, repetitive motion, novelty theater, or visual decisions that lack brand/UX rationale.

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

Lrinvl1203/world-class-web-design-os82026年10月2日 更新

Use when a website needs a strong visual point of view, distinct concept routes, composition, typography, color/materiality, imagery direction, spatial rhythm, or a memorable signature idea.

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

Lrinvl1203/world-class-web-design-os82026年10月2日 更新

Use when deciding whether to implement UI from native HTML/CSS, accessible primitives, shadcn-style source components, or visual component registries such as 21st.dev, Aceternity, React Bits, Motion Primitives, Magic UI, or Animate UI.

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

Lrinvl1203/world-class-web-design-os82026年10月2日 更新

Use after substantial web projects or repeated design defects to convert evidence into reusable skill improvements through root-cause analysis, regression scenarios, and controlled proposals without silently changing the core OS.

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

Lrinvl1203/world-class-web-design-os82026年10月2日 更新

Use when the design concept calls for Three.js or React Three Fiber 3D, WebGL/WebGPU, Rive, Spline, Theatre.js, SVG, canvas, shaders, particle systems, or other immersive creative-web techniques.

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

Lrinvl1203/world-class-web-design-os82026年10月2日 更新

Lrinvl1203 のスキルをすべて見る

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