report-to-web

Convert a markdown research report into an interactive React presentation website

Build and publish a generated site to GitHub Pages

Use this agent when the user asks to "build a presentation site", "generate website from report", "create interactive site", "turn this report into a website", or when the /report-to-web:generate command needs to delegate the actual site construction work. Trigger when a markdown research report needs to be converted into a React-based interactive presentation website. Examples: <example> Context: User has a research report and wants a website user: "Turn my research report into an interactive website" assistant: "I'll use the site-builder agent to parse your report and generate the React project." <commentary> User wants report-to-website conversion, trigger site-builder for autonomous generation. </commentary> </example> <example> Context: The generate command needs to build the actual site files user: "Generate a presentation site from ./report.md with full interactivity" assistant: "I'll use the site-builder agent to analyze the report and build all React components." <commentary> Site generation is a multi-step autonomous task ideal for the site-builder agent. </commentary> </example> <example> Context: User wants to rebuild or update a previously generated site user: "Update the generated site with the latest version of my report" assistant: "I'll use the site-builder agent to re-parse the report and regenerate the site." <commentary> Regeneration of site from updated report triggers the site-builder agent. </commentary> </example>

This skill should be used when the user asks about "dark theme for report site", "presentation website styling", "report-to-web design system", "professional dark theme", "site theme tokens", "interactive component styling", "customize report website colors", "report site accessibility", "shadcn theme", "tailwind tokens", or needs guidance on the dark professional visual design system used by report-to-web generated sites, including color palettes, typography, spacing, animation patterns, responsive design, accessibility, component styling, and theme/registry selection.

This skill should be used when the user asks to "generate a website from a report", "convert markdown to React site", "create presentation website", "build interactive site from research", "turn my report into a website", "make my research interactive", "parse report for web", "scaffold Vite React project", "deploy to GitHub Pages", or needs guidance on markdown parsing strategy, component composition, interactive element detection, or static site generation from research documents.