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設定 アクセシビリティテスト ドキュメント作成 チーム採用 詳細については、ドキュメントを参照してください。
このスキルを起動するキーワード。クリックでコピーできます。
このスキルにはトリガーワードがありません。
ダウンロードした .skill に含まれるフィールド。
| フィールド | 説明 |
|---|---|
| format | フォーマット識別子（skill/v1） |
| skill_id | スキル固有 ID |
| name | スキル名 |
| version | バージョン |
| description | 説明 |
| category | カテゴリ（配列） |
| trigger_words | トリガーワード |
| tags | タグ |
| source | ソース |
| source_url | ソース URL（本ページ） |
| exported_at | エクスポート日時（ダウンロード毎） |
| system_prompt | システムプロンプト本文 |
| model_config | モデル設定：provider / model / temperature / max_tokens / top_p |
| examples | サンプル |
| install_guide | 各プラットフォームの導入説明（Coze / Dify / Claude / カスタム） |
