orange-opensource/ouds-flutter/ouds-flutter-vocabulary

Claude Code and agent skill by orange-opensource/ouds-flutter

Trust tier 3
  • community
Source check pending

Checking that the SKILL.md file is still in the repository.

Reference guide for OUDS Flutter vocabulary and core concepts (Tokenator, token types, theme, theme tweak, theme config, token provider, component)

Install

npx vskill@latest install orange-opensource/ouds-flutter/ouds-flutter-vocabulary

SKILL.md

OUDS Flutter Vocabulary

Agent optimization: See copilot-instructions.md §9 for token-efficient response guidelines.

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.

Terminology

TermDefinition
TokenatorInternal tool that converts Figma-exported token specifications into generated Dart token source files and theme implementations
tokenNamed variable holding a design value; in OUDS many tokens are generated from Figma via Tokenator
raw tokenPrimitive token value defined in ouds_global_raw_tokens/lib/ such as dimensions, colors, borders, opacity or fonts
semantic tokenToken abstraction that carries UI meaning and is exposed through theme providers such as colors, borders, spaces, sizes, typography or elevation
component tokenToken scoped to one component, exposed from OudsTheme.of(context).componentsTokens(context) for component-specific styling
themeConcrete implementation of OudsThemeContract that provides semantic tokens, component tokens, Material ThemeData, assets and fonts
theme contractThe OudsThemeContract interface defined in ouds_theme_contract, implemented by all OUDS brand themes
theme tweakLocal subtree override applied with OudsThemeTweak to force or invert light/dark mode for a portion of the widget tree
theme configLightweight component-specific tuning injected with OudsThemeConfigModel, e.g. rounded button or text input configuration
token providerGrouping of semantic or component tokens made accessible by the active theme
componentReusable Flutter widget shipped by OUDS, usually under ouds_core/lib/components/<name>/ and prefixed with Ouds
moduleReusable module screen shipped by OUDS under ouds_core/lib/modules/<name>/ (e.g. module-about, module-more), distinct from a component — it is a full screen, not a widget to compose
OudsIconShared icon configuration class (package:ouds_core/components/common/ouds_icon.dart) unifying asset path, tinted state, backgroundColor and semanticsLabel across multiple components (button, link, chips, text inputs, control items) instead of a raw String icon path
demo appThe app/ package, also called "Design System Toolbox", used to showcase themes, tokens and components interactively
direct package importRepository convention of importing components by their package path such as package:ouds_core/components/button/ouds_button.dart instead of a root barrel file

When to load which skill

TaskSkill to load
Ask about or explain OUDS-specific terms (Tokenator, token, raw token, semantic token, component token, theme, …)ouds-flutter-vocabulary (this skill)
Write or review Dart / Flutter code using OUDS components, themes or tokensouds-flutter-framework-usage
Translate a Figma token or token family into the corresponding Flutter package / token layer / naming patternouds-flutter-figma-to-dart
Adopt OUDS from native Flutter or custom components, migrate between versions, remove deprecated APIsouds-flutter-migration-guide
Implement or review accessibility — Semantics, screen readers, text scale, high-contrast, orientationouds-flutter-accessibility

Security

  • Security scanPassed, 90 of 100Pattern checks on the skill's files.
  • Model reviewPassed

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

Source

Popularity

7-day trend score
0

Not refreshed yet.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/orange-opensource/ouds-flutter/ouds-flutter-vocabulary/badge)](https://verified-skill.com/skills/orange-opensource/ouds-flutter/ouds-flutter-vocabulary)

Something wrong with this skill or its page? Tell us.