Scaffold Astro demo components and MDX docs for grid features.
npx skills add https://github.com/OysteinAmundsen/toolbox --skill astro-demo
Please help me install this Agent Skill. Skill: astro-demo Source: https://github.com/OysteinAmundsen/toolbox/tree/main/.github/skills/astro-demo Command: npx skills add https://github.com/OysteinAmundsen/toolbox --skill astro-demo
Automates the creation of ready-to-run Astro demo components and MDX documentation for grid features and plugins, streamlining development and documentation workflows.
.astro demo component for a grid feature or plugin.@toolbox-web/grid and follow naming conventions for easy discovery and reuse.Create your first Astro demo following the project's conventions and wire it into an accompanying MDX page.
High-intent search queries and answers about installing and using this skill.
Scaffolding an Astro demo component involves generating a ready-to-use `.astro` file using standard template structures, specific import paths, and `@toolbox-web/grid` references to illustrate grid features or plugins.
Wiring a demo into MDX documentation involves importing the generated `.astro` component into the MDX page, wrapping it with ShowSource, and ensuring unique container IDs for proper rendering.
Automating Astro documentation for grid features is best handled by generating both the `.astro` demo component and the accompanying MDX documentation page simultaneously using standard templates and consistent file paths.
Yes, you need unique container IDs for Astro grid demos to prevent rendering conflicts when multiple demos are displayed on the same MDX page. The scaffolding process ensures these unique identifiers are properly implemented.
Yes, the demo scaffolding supports optional DemoControls in Astro. You can implement interactive controls within the generated `.astro` component template to allow users to manipulate and visualize grid plugin behavior dynamically.
Using separate standard templates for core feature demos versus plugin demos ensures consistent file locations, import paths, and structural conventions, which streamlines maintenance and makes grid documentation easier to discover and reuse.
OysteinAmundsenScaffold a framework adapter library and demo app for @toolbox-web/grid.
kmshihab7878Clone public websites into componentized Next.js projects via Playwright extraction.
bovinphangValidate Storybook component documentation with MDX and frontmatter checks.
yokobondAdds custom SVG and PNG costumes to Scratch sprites via VM storage API.