tool - Build and register interactive client-side tools
Creates interactive client-side widgets with Preact or vanilla JavaScript, embeds them in MDX pages, and registers them on the /tools/ index.
Tags
Updated: 2026-10-07Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Assess widget complexity
- Confirm scope and placement
- Install Preact integration
- Create widget files
- Embed widgets in MDX
- Register tools in catalog
- Apply responsive container styling
- Verify tool registration
Inputs
- Widget behavior
- Widget placement
- Widget inputs and outputs
- Target MDX page
- Widget thumbnail
Outputs
- Interactive widget component
- Widget supporting files
- Updated MDX page
- Tools catalog entry
- Tools index listing
- Responsive widget styles
Requirements
- Astro website
- Node.js and npm
- Astro Preact integration
- Preact package
- Write access to source files
- AskUserQuestion interaction