reactor-design Skill
Windows 11 design rules for Reactor — theme tokens, High Contrast, typography (Heading/SubHeading/Caption), 4px grid, acrylic surfaces, accessibility, animation, and a code-review checklist. Use when authoring, reviewing, or fixing visual styling. Published by microsoft in microsoft-ui-reactor.
Decision snapshot
Is this a fit?
Data analysis, Design and media, Includes SKILL.md, Reusable instructions
Compatibility not yet detected.
Permission behavior not yet detected.
Copy skill directory
2 months ago · MIT license
No specific cautions were detected. Review the source and requested permissions before installing.
What is reactor-design Skill?
Windows 11 design rules for Reactor — theme tokens, High Contrast, typography (Heading/SubHeading/Caption), 4px grid, acrylic surfaces, accessibility, animation, and a code-review checklist. Use when authoring, reviewing, or fixing visual styling. Published by microsoft in microsoft-ui-reactor. 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. See how SkillIndex evaluates profiles.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Data analysis
- Design and media
- Data analysis use cases
- Design and media use cases
Declared skill metadata
- Source file: plugins/reactor/skills/reactor-design/SKILL.md
These fields retain source and confidence evidence from the indexed SKILL.md.
Compatibility and setup
- Install or run with Copy skill directory
When to use reactor-design Skill
- Use it for data analysis.
- Use it for design and media.
Built with
Editorial notes
Source
- Creator: microsoft
- Repository: microsoft/microsoft-ui-reactor
- Skill file: plugins/reactor/skills/reactor-design/SKILL.md
What it does
Windows 11 design rules for Reactor — theme tokens, High Contrast, typography (Heading/SubHeading/Caption), 4px grid, acrylic surfaces, accessibility, animation, and a code-review checklist. Use when authoring, reviewing, or fixing visual styling.
Skill instructions
Windows 11 Design for Reactor Author, review, and fix Reactor UI code following Windows 11 design system rules. Reactor is a functional UI framework for WinUI 3 that builds UI entirely in C — no XAML, no data binding, no ViewModels. UI is described with immutable Element records, composed via bare factory methods imported with using static Microsoft.UI.Reactor.Factories (TextBlock(...), VStack(...), etc.), and updated through a React-style reconciler with hooks (UseState, UseEffect, etc.). Controlled prop note: when design examples use inputs such as TextBox(value, setValue) or Slider(value, ...), the factory keeps the simple call-site shape. Direct element-record reads of controlled props now return Optional<T; use .GetValueOrDefault(...) or .Value. See migration/050-optional-t.md. This skill translates the Windows 11 design language into Reactor's C projection so that apps built with Reactor look, feel, and behave like first-class Windows 11 applications. Workflow 1. Author new React
Verified compatibility and discovery
Frequently asked questions
What is reactor-design?
reactor-design is a open-source AI agent skill with Copy skill directory. Windows 11 design rules for Reactor — theme tokens, High Contrast, typography (Heading/SubHeading/Caption), 4px grid, acrylic surfaces, accessibility, animation, and a code-review checklist.
Who is reactor-design best for?
reactor-design is best for reusing agent instructions, scripts, and references, data analysis workflows, design and media workflows.
How do I install reactor-design?
Install or run reactor-design using Copy skill directory. Check reactor-design for the latest setup command.
Is reactor-design actively maintained?
reactor-design may need a closer maintenance check before production use.
Project health auto-fetched from the source repository.
Maintain this resource?
Review this source-backed profile, send a correction with evidence, or link to it from your documentation. Claims verify your relationship to the project; profile facts still require source evidence and editorial review.
