Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add HoangNguyen0403/agent-skills-standard --skill flutter-design-systemgit clone --depth 1 https://github.com/HoangNguyen0403/agent-skills-standardWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/hoangnguyen0403/agent-skills-standard/flutter-design-system)<a href="https://agentmods.dev/skills/hoangnguyen0403/agent-skills-standard/flutter-design-system"><img src="https://agentmods.dev/badge/skills/hoangnguyen0403/agent-skills-standard/flutter-design-system/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/hoangnguyen0403/agent-skills-standard/flutter-design-system"><img src="https://agentmods.dev/badge/skills/hoangnguyen0403/agent-skills-standard/flutter-design-system.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00032 | $0.00612 |
| Opus 5.5 | $0.00013 | $0.00245 |
| Sonnet 5.5 | $0.00006 | $0.00122 |
| Haiku 4.5 | $0.00003 | $0.00061 |
Grade A, and why
flutter-design-system scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
What it actually says
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 forMaterialApptheme configuration. - Determine Pattern:
- Theme-Driven (Adaptive):
VThemeData(...).toThemeData()or extensiveThemeDataoverrides → useTheme.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.*), neverColor(0xFF...)orColors.red. - Spacing: Use tokens (
VSpacing.*), never magic numbers like16or24. - Typography: Prioritize
theme.textTheme.*for adaptive UI. UseVTypography.*tokens only for theme definitions or non-contextual logic. Never use inlineTextStyle. - Borders: Use tokens (
VBorders.*), never rawBorderRadius. - Components: Use DLS widgets (
VButton) over raw Material widgets (ElevatedButton) if available.
Anti-Patterns
- No Hex Colors:
Color(0xFF...)strictly forbidden. - No Color Enums:
Colors.blueforbidden in UI code. - No Magic Spacing:
SizedBox(height: 10)forbidden. - No Inline Styles:
TextStyle(fontSize: 14)forbidden. - No Raw Widgets: Don't use
ElevatedButtonwhenVButtonexists.
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
What ships with it
4 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 1mo ago First seen · 69 lines · 32 tokens per session scan A 81757bb10598
flutter-design-system is a skill published in the GitHub repository HoangNguyen0403/agent-skills-standard (582 stars, last pushed today), licensed MIT. It adds 32 tokens to every session and 612 once invoked, about $0.0001 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.
Other skills, from other repositories
mobile-design
Generates distinctive, production-grade mobile interfaces for Flutter and React Native. Prioritizes platform-native patterns, adaptive layouts, and fluid motion. Use when building mobile apps, screens, widgets, or when the user requests to style or create visually striking mobile UI.
android-finance-spec
Use when generating, reviewing, or refactoring Android Kotlin code for financial apps that require BigDecimal/String precision, RTL/i18n safety, Kotlin style discipline, and "do not reinvent existing project patterns" constraints.
theme-pack-authoring
Build, validate, and install Kiro Crew theme packs -- pack anatomy, the 56-variable palette, role-tagged fonts, the overrides.css allowlist (what installs vs what actually renders), and the install-verify cycle. Use when the user wants to create or edit a theme pack.
image-authoring
Author images and diagrams as code — SVG, Pillow, Excalidraw, mermaid. Load when asked to draw, illustrate, or make an image, icon, logo, poster, or diagram.
a2ui
Make a reply easier to read and act on with rich blocks inside ordinary Markdown — a choice the user picks from, a form that collects several answers, a procedure as steps with warnings in place, a callout, a Mermaid diagram, a weather card, a live clock or countdown, a dashboard of gauges for a quota, a budget or a…
mobile-automation
Control Android and iOS devices, emulators and simulators — launch apps, tap, swipe, type, take screenshots, read the accessibility tree. Use when a task involves a mobile device or app, mobile UI testing, or reproducing a bug on a phone.