design

SKILL.md

Create distinctive, production-grade design outcomes without defaulting to generic templates. Select the right mode, anchor decisions in user intent and product context, and ship with system consistency, interaction polish, and quality checks.

In this repo's delivery flow, design is an optional step between prd and implement for UI/UX-heavy features.

When tasks/context.md records design-system patterns, treat them as source-of-truth. Examples: established spacing, depth, or component rules.

高度なデジタルおよびビジュアル デザインを作成およびレビューするための包括的なワークフロー。 Web インターフェイス (ランディング ページ、Web サイト、ダッシュボード、管理パネル、SaaS アプリ、コンポーネント) の設計または改良、インタラクションおよびモーション システムの実装、静的なビジュアル アーティファクト (.png/.pdf ポスターまたはコンポジション) の作成、デザイン システム トークンと再利用可能なパターンの定義、または UI/UX/アクセシビリティ品質の監査を行う場合に使用します。トリガー: UI の設計、インターフェイスの改良、ランディング ページの設計、ビジュアル アーティファクトの作成、設計監査、設計トークンの定義。 ソース: kelvinz/cobb。

原文を見る