skills.rest
LonelyTraderBay
LonelyTraderBayCOMMUNITY
Explore all skills by this author →
GitHub

vittrade-design-domain

Maps Flutter UI changes to VitTrade design-consistency domains and their audit commands.

Updated May 19, 2026
Search Tags:#design system#design consistency#flutter#ui audit#presentation layer#guardrail test
One-click install
npx skills add https://github.com/LonelyTraderBay/vittrade-flutter --skill vittrade-design-domain-lonelytraderbay
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vittrade-design-domain
Source: https://github.com/LonelyTraderBay/vittrade-flutter/tree/main/.agents/skills/vittrade-design-domain
Command: npx skills add https://github.com/LonelyTraderBay/vittrade-flutter --skill vittrade-design-domain-lonelytraderbay

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? When changing Flutter presentation code in the VitTrade app, developers risk running the wrong design audit or inventing ad-hoc checks. This Skill ensures every UI change is matched to the correct named design-consistency domain before implementation or review. ## Core Features & Use Cases - Domain Lookup: Directs you to the audit-domain table in the Flutter Design System Reference to match your task to a named domain. - Command Verification: Ensures you run the exact regenerate/check command and guardrail test listed for that domain. - Common Mappings: Provides a quick table linking changes like section spacing, cards, tabs, and routes to domains such as page-rhythm, card-tile, segment-pill, and route-coverage. - Use Case: Before modifying a collapsing header in a Flutter page, consult this Skill to identify the scroll-auto-hide domain, run its guardrail test, and keep the generated artifact diff limited to the intended change. ## Quick Start Before editing Flutter UI code, ask the agent to look up the matching VitTrade design domain and run its listed check command.

Frequently Asked Questions about vittrade-design-domain

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I find the right design domain before changing Flutter UI code?▼

Read the audit-domain table in docs/02_FLUTTER_MIGRATION/Flutter-Design-System-Reference.md and match your task to a named domain. Then run the exact regenerate/check command and guardrail test listed for that domain.

Which design domain covers tabs, filters, and segmented controls in Flutter?▼

Tabs, filters, MUA/BÁN toggles, and presets map to the segment-pill domain. The design-system reference lists the authoritative command names, flags, and CI blocking status for it.

What domain should I use for route or navigation changes in Flutter?▼

Changes involving routes or context.go/context.push calls map to the route-coverage and navigation-edges domains. Run the check commands listed for those domains in the design-system reference.

Can I invent my own audit command for a Flutter design change?▼

No. The Skill requires matching the task to a named domain in the design-system reference instead of inventing audit commands. The reference is authoritative for command names, flags, and CI blocking status.

Who fixes issues found by read-only design auditors?▼

Read-only auditors only report findings. The implementation task that triggered the audit owns the fix, and the generated artifact diff should stay limited to the expected design change.

Related Skills

Explore More Software Engineering Skills→
NaawaalNaawaal

flutter-feature

Generate Flutter feature modules with Clean Architecture layers.

Community
Basic
zakariafzakariaf

shed-goldens-rebaseline

Regenerates Flutter golden test reference images with font loading, visual inspection, and isolated commits.

Community
Intermediate
calvingitcalvingit

flutter-testing-apps

Implement unit, widget, and integration tests for Flutter applications and plugins.

Community
Advanced
TwoTonedTwoToned

design-review

Audit visual designs for inconsistencies, spacing, and hierarchy issues.

Official
Advanced