You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: .github/copilot-instructions.md
+42-8Lines changed: 42 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,11 +9,11 @@ Load the appropriate skill before acting on the related task:
9
9
10
10
| Task | Skill to load |
11
11
|------|---------------|
12
-
| Ask about or explain OUDS-specific terms (Tokenator, token, raw token, semantic token, component token, theme, …) |`ouds-vocabulary`|
13
-
| Write or review Dart / Flutter code that uses OUDS components, themes or tokens |`ouds-framework-usage`|
14
-
| Translate a Figma token name or token family into its Dart equivalent |`ouds-figma-to-flutter`|
15
-
| Migrate code between OUDS Flutter versions, adopt OUDS from native or custom Flutter components, or remove deprecated APIs |`ouds-migration-guide`|
16
-
| Implement or review accessibility (Semantics, screen readers, text scale, high-contrast, orientation) |`ouds-accessibility`|
12
+
| Ask about or explain OUDS-specific terms (Tokenator, token, raw token, semantic token, component token, theme, …) |`ouds-flutter-vocabulary`|
13
+
| Write or review Dart / Flutter code that uses OUDS components, themes or tokens |`ouds-flutter-framework-usage`|
14
+
| Translate a Figma token name or token family into its Dart equivalent |`ouds-flutter-figma-to-dart`|
15
+
| Migrate code between OUDS Flutter versions, adopt OUDS from native or custom Flutter components, or remove deprecated APIs |`ouds-flutter-migration-guide`|
16
+
| Implement or review accessibility (Semantics, screen readers, text scale, high-contrast, orientation) |`ouds-flutter-accessibility`|
17
17
18
18
Skills are located in `skills/<name>/SKILL.md` (treat this folder as the source of truth; keep the copies under `.claude/skills/` and `.opencode/skills/` in sync).
19
19
## 1. Code formatting
@@ -119,7 +119,7 @@ Demo application "Design System Toolbox" showcasing all components and tokens in
119
119
- If a third-party dependency is added or updated, document it in `THIRD_PARTY.md`
120
120
- Use `OudsTheme.of(context)` to read all colors, spacing, typography and component tokens
121
121
- Use `OudsLocalizations.of(context)` or app localizations for user-facing strings
122
-
- When introducing breaking changes or API modifications, update `MIGRATION.md` at the root of the repository and `skills/ouds-migration-guide/SKILL.md` accordingly
122
+
- When introducing breaking changes or API modifications, update `MIGRATION.md` at the root of the repository and `skills/ouds-flutter-migration-guide/SKILL.md` accordingly
123
123
124
124
### 4.2 DON'T
125
125
@@ -137,7 +137,7 @@ Demo application "Design System Toolbox" showcasing all components and tokens in
137
137
138
138
Everything is available on [Orange accessibility guidelines](https://a11y-guidelines.orange.com/fr/mobile/).
139
139
140
-
> Load the **`ouds-accessibility`** skill for the full reference with code examples, Semantics patterns, high-contrast, TalkBack/VoiceOver and the complete testing checklist.
140
+
> Load the **`ouds-flutter-accessibility`** skill for the full reference with code examples, Semantics patterns, high-contrast, TalkBack/VoiceOver and the complete testing checklist.
141
141
142
142
### 5.1 Components
143
143
@@ -233,4 +233,38 @@ cd ouds_core && dart doc
233
233
-[ ] Demo screen registered in `app/lib/ui/components/components.dart`
-**`ouds-flutter-framework-usage`** — full OUDS Flutter usage reference: imports, themes, tokens, localizations, all components with code examples
23
+
-**`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)
24
+
-**`ouds-flutter-migration-guide`** — adopt OUDS Flutter from native Flutter or custom components, migrate between OUDS Flutter versions, before/after mappings
25
+
-**`ouds-flutter-accessibility`** — OUDS Flutter Semantics patterns, text scale, high-contrast, TalkBack / VoiceOver, orientation and full testing checklist
26
26
27
27
## Key files
28
28
@@ -37,15 +37,15 @@ Load skills on demand for detailed guidance:
37
37
38
38
## Critical rules
39
39
40
-
- Always load the **`ouds-vocabulary`** skill before discussing tokens or themes.
41
-
- Always load the **`ouds-framework-usage`** skill before writing or reviewing code that uses OUDS components or tokens.
42
-
- Always load the **`ouds-figma-to-flutter`** skill when asked to find or map a Figma token name to its Dart equivalent.
43
-
- Always load the **`ouds-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.
44
-
- Always load the **`ouds-accessibility`** skill when asked about Semantics, screen readers, TalkBack, VoiceOver, text scale, high-contrast or orientation.
40
+
- Always load the **`ouds-flutter-vocabulary`** skill before discussing tokens or themes.
41
+
- Always load the **`ouds-flutter-framework-usage`** skill before writing or reviewing code that uses OUDS components or tokens.
42
+
- Always load the **`ouds-flutter-figma-to-dart`** skill when asked to find or map a Figma token name to its Dart equivalent.
43
+
- 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.
44
+
- Always load the **`ouds-flutter-accessibility`** skill when asked about Semantics, screen readers, TalkBack, VoiceOver, text scale, high-contrast or orientation.
45
45
- Before committing: `dart format .` → `flutter analyze --no-pub` → fix all errors → `flutter test` in every modified package (see `.github/copilot-instructions.md §7`).
46
46
-**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.
47
47
-**Never** create a root barrel file for `ouds_core` — import components directly (e.g. `package:ouds_core/components/button/ouds_button.dart`).
48
-
- When introducing a breaking change or deprecation: update **both**`MIGRATION.md`**and**`skills/ouds-migration-guide/SKILL.md`.
48
+
- When introducing a breaking change or deprecation: update **both**`MIGRATION.md`**and**`skills/ouds-flutter-migration-guide/SKILL.md`.
49
49
- Use `OudsTheme.of(context)` for all colors, spacing, typography and component tokens — never hardcode values.
50
50
- Use `OudsLocalizations.of(context)` for all user-facing and accessibility strings — never hardcode them.
51
51
- Prefix all OUDS widgets with `Ouds` (e.g. `OudsButton`, `OudsTag`).
Copy file name to clipboardExpand all lines: skills/ouds-flutter-accessibility/SKILL.md
+8-3Lines changed: 8 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,10 +1,14 @@
1
1
---
2
-
name: ouds-accessibility
3
-
description: Accessibility (a11y) rules and patterns for OUDS Flutter components — Semantics, MergeSemantics, ExcludeSemantics, text scale, high-contrast, screen readers (TalkBack / VoiceOver), orientation, bug diagnosis and enhancement patterns
2
+
name: ouds-flutter-accessibility
3
+
description: Reference guide for OUDS Flutter accessibility rules and patterns — Semantics, MergeSemantics, ExcludeSemantics, text scale, high-contrast, screen readers (TalkBack / VoiceOver), orientation, bug diagnosis and enhancement
4
4
license: MIT
5
5
---
6
6
7
-
# OUDS Accessibility Guide
7
+
# OUDS Flutter Accessibility Guide
8
+
9
+
> **Agent optimization**: See [copilot-instructions.md §9](../../.github/copilot-instructions.md#9-agent-response-optimization-) for token-efficient response guidelines.
10
+
11
+
This skill applies to accessibility work in the OUDS Flutter repository. Use it for Flutter widgets and semantics patterns, not for OUDS web, Android native, or iOS native platforms.
Copy file name to clipboardExpand all lines: skills/ouds-flutter-figma-to-dart/SKILL.md
+7-3Lines changed: 7 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,10 +1,14 @@
1
1
---
2
-
name: ouds-figma-to-flutter
3
-
description: How to derive the Flutter token layer and likely Dart naming from a Figma token family in the OUDS Flutter project (raw, semantic and component tokens)
2
+
name: ouds-flutter-figma-to-dart
3
+
description: Reference guide for deriving Dart naming and token layer from Figma token families in the OUDS Flutter project (raw, semantic and component tokens)
4
4
license: MIT
5
5
---
6
6
7
-
# Skill: ouds-figma-to-flutter
7
+
# OUDS Flutter Figma-to-Dart Mapping
8
+
9
+
> **Agent optimization**: See [copilot-instructions.md §9](../../.github/copilot-instructions.md#9-agent-response-optimization-) for token-efficient response guidelines.
10
+
11
+
This skill applies to token mapping in the OUDS Flutter repository. Use it when translating Figma tokens to Flutter/Dart naming, not for OUDS web, Android native, or iOS native platforms.
Copy file name to clipboardExpand all lines: skills/ouds-flutter-framework-usage/SKILL.md
+9-4Lines changed: 9 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,10 +1,14 @@
1
1
---
2
-
name: ouds-framework-usage
2
+
name: ouds-flutter-framework-usage
3
3
description: How to set up and use the OUDS Flutter framework with imports, themes, tokens, localizations, theme tweaks, and available components with code examples
4
4
license: MIT
5
5
---
6
6
7
-
# OUDS Framework Usage
7
+
# OUDS Flutter Framework Usage
8
+
9
+
> **Agent optimization**: See [copilot-instructions.md §9](../../.github/copilot-instructions.md#9-agent-response-optimization-) for token-efficient response guidelines.
10
+
11
+
This skill applies to the OUDS Flutter repository. Use it for Flutter components, themes, tokens and localizations, not for OUDS web, Android native, or iOS native platforms.
8
12
9
13
## 1. Basic setup
10
14
@@ -305,7 +309,7 @@ final l10n = OudsLocalizations.of(context);
305
309
306
310
### Accessibility
307
311
308
-
> Load the **`ouds-accessibility`** skill for the full a11y reference (Semantics patterns, text scale, high-contrast, TalkBack/VoiceOver, testing checklist).
312
+
> Load the **`ouds-flutter-accessibility`** skill for the full a11y reference (Semantics patterns, text scale, high-contrast, TalkBack/VoiceOver, testing checklist).
309
313
310
314
Key reminders:
311
315
- Wrap every interactive root in `Semantics` with appropriate flags (`button`, `checked`, `toggled`, `label`, `hint`, `value`)
@@ -694,4 +698,5 @@ cd ouds_core && flutter gen-l10n
694
698
695
699
-[ ] Component tested with all 4 themes: **Orange**, **Orange Compact**, **Sosh**, **Wireframe**
696
700
-[ ] Component tested in **light** and **dark** mode
697
-
-[ ] Full accessibility checklist completed → load **`ouds-accessibility`** skill for details
701
+
-[ ] Full accessibility checklist completed → load **`ouds-flutter-accessibility`** skill for details
Copy file name to clipboardExpand all lines: skills/ouds-flutter-migration-guide/SKILL.md
+10-5Lines changed: 10 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,18 +1,22 @@
1
1
---
2
-
name: ouds-migration-guide
2
+
name: ouds-flutter-migration-guide
3
3
description: How to migrate to OUDS Flutter — from native Flutter components, custom/branded components, or across OUDS library versions — with before/after mappings and required actions
4
4
license: MIT
5
5
---
6
6
7
-
# OUDS Migration Guide
7
+
# OUDS Flutter Migration Guide
8
+
9
+
> **Agent optimization**: See [copilot-instructions.md §9](../../.github/copilot-instructions.md#9-agent-response-optimization-) for token-efficient response guidelines.
10
+
11
+
This skill applies to migration work in the OUDS Flutter repository. Use it for Flutter adoption and version migrations, not for OUDS web, Android native, or iOS native platforms.
8
12
9
13
Use this skill when a user asks how to:
10
14
11
15
-**adopt** OUDS Flutter in a new or existing app (from native Flutter widgets or custom components)
12
16
-**migrate** existing OUDS Flutter code across library versions
13
17
-**understand** breaking changes between released OUDS versions
14
18
15
-
> ⚙️ Always load **`ouds-framework-usage`** alongside this skill to get accurate component APIs, token accessors and state patterns.
19
+
> ⚙️ Always load **`ouds-flutter-framework-usage`** alongside this skill to get accurate component APIs, token accessors and state patterns.
Copy file name to clipboardExpand all lines: skills/ouds-flutter-vocabulary/SKILL.md
+15-8Lines changed: 15 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,10 +1,16 @@
1
1
---
2
-
name: ouds-vocabulary
3
-
description: Use when the user asks about OUDS-specific terms such as Tokenator, token, raw token, semantic token, component token, theme, theme tweak, theme config, token provider, or component
> **Agent optimization**: See [copilot-instructions.md §9](../../.github/copilot-instructions.md#9-agent-response-optimization-) for token-efficient response guidelines.
10
+
11
+
This skill applies to the OUDS Flutter repository and terminology. Use it for Flutter-specific OUDS vocabulary, not for OUDS web, Android native, or iOS native platforms.
12
+
13
+
## Terminology
8
14
9
15
| Term | Definition |
10
16
|------|------------|
@@ -26,8 +32,9 @@ license: MIT
26
32
27
33
| Task | Skill to load |
28
34
|------|---------------|
29
-
| Ask about or explain OUDS-specific terms (Tokenator, token, raw token, semantic token, component token, theme, …) |`ouds-vocabulary` (this skill) |
30
-
| Write or review Dart / Flutter code using OUDS components, themes or tokens |`ouds-framework-usage`|
31
-
| Translate a Figma token or token family into the corresponding Flutter package / token layer / naming pattern |`ouds-figma-to-flutter`|
32
-
| Adopt OUDS from native Flutter or custom components, migrate between versions, remove deprecated APIs |`ouds-migration-guide`|
33
-
| Implement or review accessibility — Semantics, screen readers, text scale, high-contrast, orientation |`ouds-accessibility`|
35
+
| Ask about or explain OUDS-specific terms (Tokenator, token, raw token, semantic token, component token, theme, …) |`ouds-flutter-vocabulary` (this skill) |
36
+
| Write or review Dart / Flutter code using OUDS components, themes or tokens |`ouds-flutter-framework-usage`|
37
+
| Translate a Figma token or token family into the corresponding Flutter package / token layer / naming pattern |`ouds-flutter-figma-to-dart`|
38
+
| Adopt OUDS from native Flutter or custom components, migrate between versions, remove deprecated APIs |`ouds-flutter-migration-guide`|
39
+
| Implement or review accessibility — Semantics, screen readers, text scale, high-contrast, orientation |`ouds-flutter-accessibility`|
0 commit comments