القائمة
Build or revise Usernode design-system widgets from normalized design input. Use for DS component work in lib/design_system, including Figma/screenshot/sketch/text-intake pipelines.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
| name | usernode-ds-build-widget |
| description | Build or revise Usernode design-system widgets from normalized design input. Use for DS component work in lib/design_system, including Figma/screenshot/sketch/text-intake pipelines. |
Build presentation-only design-system widgets in lib/design_system/.
lib/design_system/DESIGN_SYSTEM.mdlib/design_system/docs/CONSTRAINTS.mdlib/design_system/.specs/BUILD_INSTRUCTIONS.mdlib/design_system/docs/LAYOUT.md when layout or scroll behavior mattersIntake: use usernode-ds-design-intake unless a complete spec already exists.
Pattern decision: apply usernode-mobile-ux-taste; design work must have pattern_decision.
Match before make:
lib/design_system/design_system.dart.If no match exists, stop and present a gap proof. Create a new pattern only after explicit human approval.
Implement only after the decision is clear:
lib/design_system/src/<snake>.dart;test/design_system/<snake>_test.dart;widgetbook/lib/stories/<snake>.stories.dart;lib/design_system/design_system.dart;lib/design_system/.specs/<WidgetName>.genesis.md;lib/design_system/DESIGN_SYSTEM.md.Verify:
bash tool/verify-widget.sh <WidgetName>
Theme.of(context).extension<T>()! for DS tokens and Theme.of(context).textTheme for typography.widgetbook/lib/stories/, not stale lib/design_system/widgetbook/ or widgetbook/lib/use_cases/.@Preview annotations or package:flutter/widget_previews.dart for DS widgets unless the project explicitly adopts that system later.pattern_decision.Audit the Usernode agent harness against curated external Flutter, mobile UX, design-system, and agent-skill harnesses. Use when comparing plugins or skills, refreshing the benchmark list, or evaluating whether to adopt outside ideas without losing Usernode identity.
Audit Usernode design-system widgets, screens, or PR changes. Use for verify-widget, screen-audit, PR audit, DS compliance, and mobile UX hard-ban review.
Build or redesign Usernode Flutter screens using Material 3, existing DS components, and mobile UX taste rules. Use for screen-from-design or redesign-existing-screen work.
Run Usernode Flutter Rust Bridge codegen with the matching upstream flutter_rust_bridge revision. Use when Rust APIs or FRB bindings change.
Normalize Usernode design input into a DS spec. Use for Figma URLs, screenshots, sketches, wireframes, or text briefs before building design-system widgets or screens.
Bootstrap or repair the Usernode design-system agent harness. Use in this repo when skills, hooks, Claude/Codex discovery adapters, or portable DS agent setup are missing or stale.