theme-authoring Skill
Add a new color theme to the Ontology Playground. Use when someone wants to create, author, or plug in a theme, palette, color scheme, dark mode, or light mode, or add an entry to the theme picker. Covers the appStore registration plus the CSS token block. Published by microsoft in Ontology-Playground.
What is theme-authoring Skill?
Add a new color theme to the Ontology Playground. Use when someone wants to create, author, or plug in a theme, palette, color scheme, dark mode, or light mode, or add an entry to the theme picker. Covers the appStore registration plus the CSS token block. Published by microsoft in Ontology-Playground. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Documentation
- Documentation use cases
Technical details
- Install or run with Copy skill directory
When to use theme-authoring Skill
- Use it for documentation.
Built with
Editorial notes
Source
- Creator: microsoft
- Repository: microsoft/Ontology-Playground
- Skill file: .github/skills/theme-authoring/SKILL.md
What it does
Add a new color theme to the Ontology Playground. Use when someone wants to create, author, or plug in a theme, palette, color scheme, dark mode, or light mode, or add an entry to the theme picker. Covers the appStore registration plus the CSS token block.
Skill instructions
Theme Authoring Skill Goal Plug a new color theme into the Playground so it appears in the header theme picker, is remembered across sessions, and themes every surface (main graph, designer preview, learn pages) — with no component or graph-rendering edits. Read First 1. docs/theme-authoring-guide.md — full architecture, token table, gotchas, worked example. 2. src/store/appStore.ts — ThemeId, THEMEOPTIONS, DARKBASEDTHEMES, isDarkTheme, themeClass. 3. src/styles/app.css — the :root / .light-theme / .theme-aurora / .theme-crimson token blocks (copy the nearest one). Intake Questions Ask the user: 1. Theme id (lowercase, e.g. indigo) and display label (e.g. Indigo)? 2. Dark-based or light-based? (Determines DARKBASEDTHEMES membership and which block to copy.) 3. Accent / signature color (used for the picker swatch and --ms-blue / --info)? 4. Any specific surface, text, or graph colors, or should they be derived from the accent? Procedure Make all edits in src/store/appStore.ts and src/st
Explore related resources
Frequently asked questions
What is theme-authoring?
theme-authoring is a open-source AI agent skill with Copy skill directory. Add a new color theme to the Ontology Playground. Use when someone wants to create, author, or plug in a theme, palette, color scheme, dark mode, or light mode, or add an entry to the theme picker.
Who is theme-authoring best for?
theme-authoring is best for reusing agent instructions, scripts, and references, documentation workflows.
How do I install theme-authoring?
Install or run theme-authoring using Copy skill directory. Check theme-authoring for the latest setup command.
Is theme-authoring actively maintained?
theme-authoring may need a closer maintenance check before production use.
Auto-fetched from GitHub.
