design-system
アクセシビリティ、レスポンシブネス、テーマ設定、コンポーネント群、トークンを備えた本番環境対応デザインシステムの構築。Figma、Storybook、コンポーネントライブラリ統合。
DeepseekModel
官方收录技能
质量 优秀 · 90
v1.0.0
获取
https://deepseekmodel.com/api/download.php?id=affaan-m-ecc-docs-ja-jp-skills-design-system-skill-md&format=skill
下载 .skill
标准格式，含 system_prompt 与 model_config，导入任意 Agent 框架即可使用
.skill 文件中 system_prompt 字段的实际内容。
name design-system description アクセシビリティ、レスポンシブネス、テーマ設定、コンポーネント群、トークンを備えた本番環境対応デザインシステムの構築。Figma、Storybook、コンポーネントライブラリ統合。 origin ECC デザイン システム スケーラブルで保守可能なデザインシステムの構築。 使用時期 デザインシステムを初期化 コンポーネントライブラリを拡張 デザインと実装の間の同期を保つ アクセシビリティ標準を強制 テーマング実装 コア要素 1. デザイントークン 色、タイポグラフィ、スペーシング、シャドウの中央コレクション。 2. コンポーネント ボタン、入力、カード、など基本的なUIの再利用可能なビルディングブロック。 3. レイアウトパターン ページレイアウト、フォーム、グリッド。 4. アイコン SVGベースのアイコンライブラリ。 ツール Figma 設計ツール Storybook コンポーネント展示 Chromatic ビジュアルテスト Design tokens JSON管理 チェックリスト トークン定義（色、スペーシング、タイプ） 基本コンポーネント実装 Storybook設定 アクセシビリティテスト ドキュメント作成 チーム採用 詳細については、ドキュメントを参照してください。
Agent 识别该技能的关键词，点击任意一个即可复制。
该技能未提供触发词。
下载的 .skill 包内含以下字段。
| 字段 | 说明 |
|---|---|
| format | 格式标识（skill/v1） |
| skill_id | 技能唯一 ID |
| name | 技能名称 |
| version | 版本号 |
| description | 技能描述 |
| category | 所属分类（数组） |
| trigger_words | 触发词列表 |
| tags | 标签列表 |
| source | 来源标识 |
| source_url | 来源链接（本页地址） |
| exported_at | 导出时间（每次下载生成） |
| system_prompt | 系统提示词正文 |
| model_config | 模型参数：provider / model / temperature / max_tokens / top_p |
| examples | 示例 |
| install_guide | 各平台导入说明（Coze / Dify / Claude / 自定义框架） |
