Skip to content

Latest commit

 

History

History
52 lines (43 loc) · 4.03 KB

File metadata and controls

52 lines (43 loc) · 4.03 KB
Property Value
type ai-agent-guide
framework OUDS-Flutter
language Dart
ui-framework Flutter / Material 3
platforms Android, iOS
min-sdk Android API 21 / iOS 13

OUDS Flutter - AI Agent Guide

OUDS (Orange Unified Design System) is a multi-package Flutter workspace providing design tokens, themes and Material 3 components for Orange Group products. The demo application is called "Design System Toolbox". The project is open source (MIT) at https://github.com/Orange-OpenSource/ouds-flutter. Target platforms: Android API 21+, iOS 13+. Language: Dart 3.9+ / Flutter 3.35+.

Skills

Load skills on demand for detailed guidance:

  • ouds-flutter-vocabulary — glossary of OUDS Flutter-specific terms (Tokenator, token types, theme, …)
  • ouds-flutter-framework-usage — full OUDS Flutter usage reference: imports, themes, tokens, localizations, all components with code examples
  • ouds-flutter-figma-to-dart — how to derive Dart naming and token layer from Figma token families for the OUDS Flutter project (raw, semantic and component tokens)
  • ouds-flutter-migration-guide — adopt OUDS Flutter from native Flutter or custom components, migrate between OUDS Flutter versions, before/after mappings
  • ouds-flutter-accessibility — OUDS Flutter Semantics patterns, text scale, high-contrast, TalkBack / VoiceOver, orientation and full testing checklist

Key files

File Purpose
.github/copilot-instructions.md Architecture, build commands, best practices, accessibility, review checklist
pubspec.yaml Workspace manifest — lists all packages
ouds_core/lib/components/ All OUDS widgets (OudsButton, OudsTag, …)
ouds_theme_contract/lib/ Abstract token interfaces — generated by Tokenator, never edit manually
app/lib/ui/components/components.dart Demo screen registry — register every new component here
MIGRATION.md Public API change log — update for every breaking change or deprecation

Critical rules

  • Always load the ouds-flutter-vocabulary skill before discussing tokens or themes.
  • Always load the ouds-flutter-framework-usage skill before writing or reviewing code that uses OUDS components or tokens.
  • Always load the ouds-flutter-figma-to-dart skill when asked to find or map a Figma token name to its Dart equivalent.
  • Always load the ouds-flutter-migration-guide skill when asked to migrate code, adopt OUDS in an existing app, replace native/custom Flutter components with OUDS equivalents, or remove deprecated APIs.
  • Always load the ouds-flutter-accessibility skill when asked about Semantics, screen readers, TalkBack, VoiceOver, text scale, high-contrast or orientation.
  • Before committing: dart format .flutter analyze --no-pub → fix all errors → flutter test in every modified package (see .github/copilot-instructions.md §7).
  • Never create or edit token files in ouds_global_raw_tokens, ouds_theme_contract, ouds_theme_orange, ouds_theme_orange_compact, ouds_theme_sosh, or ouds_theme_wireframe — all content is generated by Tokenator.
  • Never create a root barrel file for ouds_core — import components directly (e.g. package:ouds_core/components/button/ouds_button.dart).
  • When introducing a breaking change or deprecation: update both MIGRATION.md and skills/ouds-flutter-migration-guide/SKILL.md.
  • Use OudsTheme.of(context) for all colors, spacing, typography and component tokens — never hardcode values.
  • Use OudsLocalizations.of(context) for all user-facing and accessibility strings — never hardcode them.
  • Prefix all OUDS widgets with Ouds (e.g. OudsButton, OudsTag).
  • Every new interactive widget must wrap its root element in a Semantics widget with appropriate flags (button, checked, toggled, label, hint, value).