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.
EnglishReactor docking windows — DockManager, DockSplit/DockTabGroup/Document/ToolWindow, drag-to-float/redock, roles (DocumentArea/ToolWindowStrip), persistence. Use when building IDE-/Office-shaped layouts with dockable, tear-out tool windows and document wells. READ THIS BEFORE wiring DockManager — the content-vs-shape ownership model is the 1 thing people get wrong.
EnglishReactor essentials in one place — React-to-Reactor mental model, minimal app shape, hooks, the most-used factories, the critical gotchas, and project setup. This is the only skill you need loaded for typical Reactor work; load topical skills (reactor-async, reactor-design, etc.) only when the task explicitly calls for them.
EnglishIncludes Reactor Design, Reactor Docking, and Reactor Getting Started.
Supported by the Atlas install prompt. Skill-specific requirements vary.
Pack stats
What’s included
Reactor Design
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.
Reactor Docking
Reactor docking windows — DockManager, DockSplit/DockTabGroup/Document/ToolWindow, drag-to-float/redock, roles (DocumentArea/ToolWindowStrip), persistence. Use when building IDE-/Office-shaped layouts with dockable, tear-out tool windows and document wells. READ THIS BEFORE wiring DockManager — the content-vs-shape ownership model is the 1 thing people get wrong.
Reactor Getting Started
Reactor essentials in one place — React-to-Reactor mental model, minimal app shape, hooks, the most-used factories, the critical gotchas, and project setup. This is the only skill you need loaded for typical Reactor work; load topical skills (reactor-async, reactor-design, etc.) only when the task explicitly calls for them.
Quick start
- Choose your skills. Select individual skills above, or choose the entire pack.
- Copy the install prompt. Use Copy install prompt above the list.
- Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.
Try it with your agent
After installation, start with a request like:
Use the Reactor Design skill to help with my task.
Ask me for the context you need before getting started.Requirements & license
- A coding agent that can access your project files and install skills.
- Your agent checks each skill’s instructions, dependencies, and permissions during setup.
- Reported license for the skills shown: MIT. The author’s terms apply.