Codex AnyUI Design Language for Component States
Use shared theme tokens for component surfaces, focus, radius, and motion. Check visible states in light and dark themes.
中文Install in Codex
Codex, the pinned AnyUI checkout, and a component preview environment.
- Copy the pinned `.codex/skills/anyui-design-language/` directory into `.agents/skills/anyui-design-language/` in the project.
- Select `$anyui-design-language` and read source tokens under `packages/vue/src/styles/theme/`.
Example task
Add a loading state to a practice button and check whether the width stays stable while repeated clicks are prevented.What to check
States remain distinct, focus stays visible, and the layout does not shift while loading.
Original SKILL.md on GitHub · Updated
Frequently asked question
Should I edit generated theme CSS directly?
Update the source theme and let the repository build generate its outputs.