القائمة
Enforce Design Language System adherence in Flutter. Use when implementing design tokens, preventing hardcoded colors/spacing, or building a DLS.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Enforce SOLID principles, guard-clause style, function size limits, and intention-revealing naming across all languages. Use when refactoring for readability, applying clean-code patterns, reviewing naming conventions, or reducing function complexity.
Conduct high-quality, persona-driven code reviews. Use when reviewing PRs, critiquing code quality, or analyzing changes for team feedback.
Maximize context window efficiency, reduce latency, and prevent lost-in-middle issues through strategic masking and compaction. Use when token budgets are tight, tool outputs overflow the context, conversations drift from intent, or latency spikes from cache misses.
Standardize dynamic application security testing for backend APIs, frontend web apps, and mobile clients. Covers ZAP, Nuclei, Nikto, sqlmap, ffuf, browser automation, mobile proxy interception, and AI-driven curl probes. Use when advising on or running dynamic security scans on local/staging environments.
Troubleshoot systematically using the Scientific Method. Use when debugging crashes, tracing errors, diagnosing unexpected behavior, or investigating exceptions.
Write effective code comments, READMEs, and technical documentation following intent-first principles. Use when adding comments, writing docstrings, creating READMEs, or updating any documentation.
| 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"]}} |
Zero tolerance for hardcoded design values.
Before UI refactoring, identify project's Theme Archetype:
main.dart: Look for MaterialApp theme configuration.VThemeData(...).toThemeData() or extensive ThemeData overrides → use Theme.of(context).textTheme / theme.textTheme.VTypography.*) only when no global theme bridge exists, or when defining theme itself.VColors.*, AppColors.*), never Color(0xFF...) or Colors.red.VSpacing.*), never magic numbers like 16 or 24.theme.textTheme.* for adaptive UI. Use VTypography.* tokens only for theme definitions or non-contextual logic. Never use inline TextStyle.VBorders.*), never raw BorderRadius.VButton) over raw Material widgets (ElevatedButton) if available.Color(0xFF...) strictly forbidden.Colors.blue forbidden in UI code.SizedBox(height: 10) forbidden.TextStyle(fontSize: 14) forbidden.ElevatedButton when VButton exists.mobile-ux-core | flutter/widgets | idiomatic-flutter
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