使用時期
デザインシステムを初期化
デザインシステムを初期化コンポーネントライブラリを拡張デザインと実装の間の同期を保つ
affaan-m/ECC
design-system
Use it for design tasks; the detail page covers purpose, installation, and practical steps.
53Collecting
See source evidenceView GitHub source
npx skills add https://github.com/affaan-m/ECC --skill "docs/ja-JP/skills/design-system"Source profileDocumentationCatalog only
Source checked Jul 28, 2026·Refresh due Oct 26, 2026
Limited to facts supported by the pinned source
What the pinned source establishes about design-system
スケーラブルで保守可能なデザインシステムの構築。
npx skills add https://github.com/affaan-m/ECC --skill "docs/ja-JP/skills/design-system"The pinned source contains about 13 English words and 8 usable sections. That evidence supports a source profile, not a complete guide.
13 source words · 8 usable sections
What the source actually contains
3 verifiable source sections for design-system
Sections are extracted automatically from the pinned SKILL.md and link back to the source.
SKILL.md · 使用時期
コア要素
色、タイポグラフィ、スペーシング、シャドウの中央コレクション。
色、タイポグラフィ、スペーシング、シャドウの中央コレクション。ボタン、入力、カード、など基本的なUIの再利用可能なビルディングブロック。
1. デザイントークン
色、タイポグラフィ、スペーシング、シャドウの中央コレクション。
色、タイポグラフィ、スペーシング、シャドウの中央コレクション。
Choose a different workflow
When another Skill is the better fit
design-system
Use this skill to generate or audit design systems, check visual consistency, and review PRs that touch styling.
A separate implementation from affaan-m/ECC; compare its source, maintenance signals, and permission requirements.
Open source detaildesign-system
Use it for design tasks; the detail page covers purpose, installation, and practical steps.
A separate implementation from affaan-m/ECC; compare its source, maintenance signals, and permission requirements.
Open source detailab-testing
When the user wants to plan, design, or implement an A/B test or experiment, or build a growth experimentation program. Also use when the user mentions "A/B test," "split test," "experiment," "test this change," "variant copy," "multivariate test," "hypothesis," "should I test this," "which version is better," "test two versions," "statistical significance," "how long should I run this test," "growth experiments," "experiment velocity," "experiment backlog," "ICE score," "experimentation program
A separate implementation from coreyhaines31/marketingskills; compare its source, maintenance signals, and permission requirements.
Open source detailFAQ
How do I install design-system?
The source record exposes this install command: npx skills add https://github.com/affaan-m/ECC --skill "docs/ja-JP/skills/design-system". Inspect the command and pinned source before running it.
Repository stars
234,327
Repository forks
35,711
Quality
53/100
Source repository last pushed
Quality breakdown
Based on traceable docs and repository signals; stars are not treated as quality.
Documentation14/30
Specificity7/25
Maintenance20/20
Trust signals12/25
Compare before choosing
Related Agent Skills and source variants
These links are selected from shared tasks, functions, stacks, platforms, and same-name variants. Compare the source owner, documentation, permissions, and maintenance signals.
design-system by affaan-m
Use this skill to generate or audit design systems, check visual consistency, and review PRs that touch styling.
design-system by affaan-m
Use it for design tasks; the detail page covers purpose, installation, and practical steps.
ab-testing by coreyhaines31
When the user wants to plan, design, or implement an A/B test or experiment, or build a growth experimentation program. Also use when the user mentions "A/B test," "split test," "experiment," "test this change," "variant copy," "multivariate test," "hypothesis," "should I test this," "which version is better," "test two versions," "statistical significance," "how long should I run this test," "growth experiments," "experiment velocity," "experiment backlog," "ICE score," "experimentation program
churn-prevention by coreyhaines31
When the user wants to reduce churn, build cancellation flows, set up save offers, recover failed payments, or implement retention strategies. Also use when the user mentions 'churn,' 'cancel flow,' 'offboarding,' 'save offer,' 'dunning,' 'failed payment recovery,' 'win-back,' 'retention,' 'exit survey,' 'pause subscription,' 'involuntary churn,' 'people keep canceling,' 'churn rate is too high,' 'how do I keep users,' or 'customers are leaving.' Use this whenever someone is losing subscribers o
design-intelligence by event4u-app
Grounded design brief from the adopted corpus — style, WCAG-checked color tokens, typography, layout pattern, anti-patterns. Use on ui-design-brief or any which-style/palette/font/chart decision.
View original Skill.mdThis page is parsed directly from the repository SKILL.md without editorial rewriting. Collected: Jul 28, 2026 · about 1 min
デザイン システム
スケーラブルで保守可能なデザインシステムの構築。
使用時期
- デザインシステムを初期化
- コンポーネントライブラリを拡張
- デザインと実装の間の同期を保つ
- アクセシビリティ標準を強制
- テーマング実装
コア要素
1. デザイントークン
色、タイポグラフィ、スペーシング、シャドウの中央コレクション。
2. コンポーネント
ボタン、入力、カード、など基本的なUIの再利用可能なビルディングブロック。
3. レイアウトパターン
ページレイアウト、フォーム、グリッド。
4. アイコン
SVGベースのアイコンライブラリ。
ツール
- Figma 設計ツール
- Storybook コンポーネント展示
- Chromatic ビジュアルテスト
- Design tokens JSON管理
チェックリスト
- トークン定義（色、スペーシング、タイプ）
- 基本コンポーネント実装
- Storybook設定
- アクセシビリティテスト
- ドキュメント作成
- チーム採用
詳細については、ドキュメントを参照してください。
- Source repo
- affaan-m/ECC
- Skill path
- docs/ja-JP/skills/design-system/SKILL.md
- Commit SHA
- 4e973d3eaf92
- Repository license
- MIT
- Data collected