Fabric Org App Design Skill for ChatGPT: Map Navigation and Typography to Theme Tokens
Review supplied shell, navigation, spacing, and text hierarchy against Fabric tokens. Map resting, hover, selected, and pressed states to the existing theme values.
中文Install in ChatGPT
Requires a ChatGPT workspace where you can create skills. This is a text adaptation of the pinned GitHub source.
- Review the inputs and outputs in the pinned .agents/skills/app-design/SKILL.md.
- In ChatGPT, open Plugins, Skills, Create, and Create with editor.
- Write the skill rules using the workflow described here. Provide interface excerpts, Fabric tokens, themes, and a user path to check.
- Save the skill and check the fictional example in a new chat.
Example task
A fictional Org App uses a fixed sidebar background and bold text for the current item. The theme has background, foreground, selected, and hover tokens. Draft a mapping.What to check
Assign tokens to surfaces and states, retain typography roles, and list checks across light, dark, and keyboard focus states.
Original SKILL.md on GitHub · Updated
Frequently asked question
Do theme tokens guarantee clear states?
Use tokens for consistent meaning, then measure actual contrast and verify focus within the rendered themes.