design-system
アクセシビリティ、レスポンシブネス、テーマ設定、コンポーネント群、トークンを備えた本番環境対応デザインシステムの構築。Figma、Storybook、コンポーネントライブラリ統合。
Original · translation did not pass checksTarget: Design & content creation. Automatically collected · unverified.
Excerpt from the author’s documentation
Extracted from a fixed version of SKILL.md in its original language. This is the author’s documentation; installation, compatibility and runtime results have not been verified by this site.
Read the original Japanese text
Topics in the source
- デザイン システム
- 使用時期
- コア要素
- 1. デザイントークン
- 2. コンポーネント
- 3. レイアウトパターン
- 4. アイコン
- ツール
スケーラブルで保守可能なデザインシステムの構築。 デザインシステムを初期化 コンポーネントライブラリを拡張 デザインと実装の間の同期を保つ アクセシビリティ標準を強制 テーマング実装 色、タイポグラフィ、スペーシング、シャドウの中央コレクション。 ボタン、入力、カード、など基本的なUIの再利用可能なビルディングブロック。 ページレイアウト、フォーム、グリッド。 SVGベースのアイコンライブラリ。 Figma 設計ツール Storybook コンポーネント展示 Chromatic ビジュアルテスト Design tokens JSON管理 [ ] トークン定義（色、スペーシング、タイプ） [ ] 基本コンポーネント実装 [ ] Storybook設定 [ ] アクセシビリティテスト [ ] ドキュメント作成 [ ] チーム採用 詳細については、ドキュメントを参照してください。
- Source repository
- affaan-m/ECC
- Source file
- docs/ja-JP/skills/design-system/SKILL.md
- Fixed revision
- d2ef2680594f9a17526a6e1a2e18b3d242c5d17b
Sources and evidence
This record was collected automatically. Its documentation, suitability and runtime behavior have not been manually verified.
Author: affaan-m/ECC · original repository metadata. Documentation review: Not reviewed. Last source check: 2026-11-09T14:01:49.127Z.
Categories are inferred from names, descriptions and paths. They do not establish compatibility.
License and attribution
MIT. Third-party content and copyright remain with their authors. Refer to the original license and terms.
Original license ↗Synchronization, copying and user-reported success do not mark a resource as runtime-tested.
Limitations and notes
- Collecting metadata does not mean this site has installed, adapted, runtime-tested or security-reviewed the resource.