開発
#design
flutter-design-system
Enforce Design Language System adherence in Flutter. Use when implementing design tokens, preventing hardcoded colors/spacing, or building a DLS.
DeepseekModel
キュレーション済みスキル
品質 優秀 · 90
v1.0.0
取得
https://deepseekmodel.com/api/download.php?id=hoangnguyen0403-agent-skills-standard-skills-flutter-flutter-design-system-skill-md&format=skill
ダウンロード .skill
標準形式。system_prompt と model_config を収録し、任意の Agent で利用可能
.skill ファイルの system_prompt フィールドの実際の内容。
name flutter-design-system description Enforce Design Language System adherence in Flutter. Use when implementing design tokens, preventing hardcoded colors/spacing, or building a DLS. metadata {"triggers":{"files":["**/theme/**","**/*_theme.dart","**/*_colors.dart","**/*_dls/**","**/foundation/**","**/presentation/**","**/ui/**","**/widgets/**"],"keywords":["ThemeData","ColorScheme","AppColors","VColors","VSpacing","AppTheme","design token"]}} Flutter Design System Enforcement Priority: P0 (CRITICAL) Zero tolerance for hardcoded design values. Phase 0: Context Discovery (MANDATORY) Before UI refactoring, identify project's Theme Archetype: Check main.dart : Look for MaterialApp theme configuration. Determine Pattern : Theme-Driven (Adaptive) : VThemeData(...).toThemeData() or extensive ThemeData overrides → use Theme.of(context).textTheme / theme.textTheme . Token-Driven (Static) : Use static tokens ( VTypography.* ) only when no global theme bridge exists, or when defining theme itself. Guidelines Colors : Use tokens ( VColors.* , AppColors.* ), never Color(0xFF...) or Colors.red . Spacing : Use tokens ( VSpacing.* ), never magic numbers like 16 or 24 . Typography : Prioritize theme.textTheme.* for adaptive UI. Use VTypography.* tokens only for theme definitions or non-contextual logic. Never use inline TextStyle . Borders : Use tokens ( VBorders.* ), never raw BorderRadius. Components : Use DLS widgets ( VButton ) over raw Material widgets ( ElevatedButton ) if available. Detailed Examples Anti-Patterns No Hex Colors : Color(0xFF...) strictly forbidden. No Color Enums : Colors.blue forbidden in UI code. No Magic Spacing : SizedBox(height: 10) forbidden. No Inline Styles : TextStyle(fontSize: 14) forbidden. No Raw Widgets : Don't use ElevatedButton when VButton exists. Related Topics mobile-ux-core | flutter/widgets | idiomatic-flutter Canonical response anchors When this skill applies, preserve the following domain terminology or equivalent concrete examples in the answer when relevant: ElevatedButton SizedBox VColors magic number Additional task-grounded exact anchors: TextStyle
このスキルを起動するキーワード。クリックでコピーできます。
このスキルにはトリガーワードがありません。
ダウンロードした .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 / カスタム） |
