SKILL

design-system

アクセシビリティ、レスポンシブネス、テーマ設定、コンポーネント群、トークンを備えた本番環境対応デザインシステムの構築。Figma、Storybook、コンポーネントライブラリ統合。

原文 · 译文未通过检查

适用对象:设计与内容创作。自动收录 · 待核查。

原作者说明节选

从固定版本的 SKILL.md 提取,保留原文语言。以下内容属于作者说明,本站尚未验证安装、兼容或运行结果。

查看日文原文

原文涵盖的主题

  • デザイン システム
  • 使用時期
  • コア要素
  • 1. デザイントークン
  • 2. コンポーネント
  • 3. レイアウトパターン
  • 4. アイコン
  • ツール

スケーラブルで保守可能なデザインシステムの構築。 デザインシステムを初期化 コンポーネントライブラリを拡張 デザインと実装の間の同期を保つ アクセシビリティ標準を強制 テーマング実装 色、タイポグラフィ、スペーシング、シャドウの中央コレクション。 ボタン、入力、カード、など基本的なUIの再利用可能なビルディングブロック。 ページレイアウト、フォーム、グリッド。 SVGベースのアイコンライブラリ。 Figma 設計ツール Storybook コンポーネント展示 Chromatic ビジュアルテスト Design tokens JSON管理 [ ] トークン定義(色、スペーシング、タイプ) [ ] 基本コンポーネント実装 [ ] Storybook設定 [ ] アクセシビリティテスト [ ] ドキュメント作成 [ ] チーム採用 詳細については、ドキュメントを参照してください。

来源仓库
affaan-m/ECC
源文件
docs/ja-JP/skills/design-system/SKILL.md
固定版本
d2ef2680594f9a17526a6e1a2e18b3d242c5d17b
阅读完整原作者说明 ↗

准备条件

  • 本条仅收录原作者的技能元数据;请阅读完整说明,确认依赖、许可与使用条件。

第一件可以尝试的小事

先阅读原作者说明,再决定是否在自己的 AI 工具中使用。

对应 AI 工具说明

作者有说明不等于本站实机验证。没有证据时,不自动标为兼容、安全或免费。

来源与内容状态

本条为自动发现的元数据,尚未完成人工文档核查;适用性与运行结果待核查。

原作者:affaan-m/ECC · 原作者仓库元数据。文档核查:未核查。最近来源检查:2026-11-09T14:01:49.127Z。

分类由名称、说明与路径规则生成,分类不代表已核实适配。

许可与权利归属

MIT。第三方内容及版权归原作者,使用条件以原文为准。

许可原文 ↗

本站没有因同步、复制或用户自报成功而将资源标为运行验证通过。

限制与注意事项

  • 元数据收录不代表本站已经安装、适配、实测或进行安全审查。