Search everything...

Stats

Actions

Available In

Help us improve

Share bugs, ideas, or general feedback.

report-to-web - Claude Code Plugin | ClaudePluginHub

Plugin

report-to-web

Name: report-to-web
Author: reggiechan74

By reggiechan74

Convert markdown research reports into interactive React presentation websites using Tailwind CSS v4 and shadcn/ui. Parse report structure into tabs, integrate interactive components like calculators, apply customizable dark professional themes with responsive design and accessibility, then build static sites with Vite or Next.js and deploy to GitHub Pages via automated repo creation and Actions.

npx claudepluginhub reggiechan74/cc-plugins --plugin report-to-web

Popularity

Stars

Top 25%

Med: 0·Avg: 274

Installs

Med: 0·Avg: 1

What's Inside

Slash Commands2

Generate Interactive Presentation Website from Research Report

/generate

Convert a markdown research report into an interactive React presentation website

Publish Site to GitHub Pages

/publish

Build and publish a generated site to GitHub Pages

Agents1

site-builder

/site-builder

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>

Skills2

design-system

/design-system

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.

site-generation

/site-generation

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.

Stats

Version1.0.0

ReleasedFeb 27, 2026

LanguagePython

Stars5

MaintenanceFair

LicenseMIT

Last CommitFeb 12, 2026

AddedFeb 16, 2026

Actions

View on GitHub View README Plugin Marketplace JSON

Own this plugin?

Verify ownership to unlock analytics, metadata editing, and a verified badge.

Available In

cc-plugins5

Safety Signals

Caution

Uses power tools

Uses Bash, Write, or Edit tools

Help us improve

Share bugs, ideas, or general feedback.

README

Reggie Chan's Claude Code Plugins

A marketplace of Claude Code plugins for enhanced development workflows.

Installation

Add this marketplace to Claude Code:

/plugin marketplace add reggiechan74/cc-plugins

Available Plugins

code-coherence

Multi-agent verification system implementing organizational intelligence for production-grade code reliability. Achieves 92%+ accuracy through team-of-rivals architecture with specialized critic agents.

Install:

/plugin install code-coherence@cc-plugins

Features:

Multi-layer verification with independent critics implementing the Swiss cheese model
Specialized critic agents: planner, code-critic, security-critic, domain-critic
Domain specializations: financial, healthcare, legal
Per-project configuration with .claude/code-coherence.local.md
Hierarchical veto authority -- any critic can reject

Commands:

/coherence-check - Full multi-agent verification workflow
/plan-review - Review execution plans with acceptance criteria
/audit-trail - Bidirectional decision history with search
/acceptance-criteria - Define and enforce success criteria
/swiss-cheese-validation - Multi-layer error checking with independence verification

course-curriculum-creator

Create professional course curricula for 1-2 day workshops using backward design methodology and Bloom's taxonomy.

Install:

/plugin install course-curriculum-creator@cc-plugins

Features:

Backward Design Framework with Bloom's Taxonomy integration
Rapid course creation: autonomous or step-by-step
Template system: save and reuse course structures
Universal Design for Learning (UDL) compliance
Virtual/hybrid delivery adaptation
Kirkpatrick L1-L4 evaluation planning
Course series design (101/201/301/401) with Bloom's band enforcement
Learner profile generation for audience analysis
Pre-work micro-learning units with fast track/full path options
Post-workshop spaced retrieval practice to combat forgetting curve
Affective domain (Krathwohl's taxonomy) for attitude-change objectives
WCAG 2.1 AA accessibility specifications
Co-facilitation support with role rotation and handoff protocols

Commands:

/create-course - Initialize new course project with directory structure
/assess-needs - Conduct a training needs assessment
/generate-objectives - Create Bloom's-aligned learning objectives
/generate-rubrics - Create 1-5 scale analytical assessment rubrics
/generate-outline - Generate module structure with timing
/generate-lesson-plans - Generate detailed module-level lesson plans
/generate-description - Create student-facing course description
/generate-artifacts - Generate student handouts, instructor guides, etc.
/generate-evaluation-plan - Kirkpatrick L1-L4 evaluation plan
/generate-transfer-plan - Post-workshop transfer plan
/generate-workshop-prep - Dated preparation checklist for delivery
/process-workshop-feedback - Analyze feedback and generate improvement report
/adapt-for-virtual - Adapt curriculum for virtual or hybrid delivery
/generate-review-package - Stakeholder/SME review package
/review-curriculum - Validate curriculum quality and alignment
/export-curriculum - Export as combined document
/design-series - Design a leveled course series
/save-as-template - Save course structure as reusable template
/create-from-template - Create new course from existing template
/list-templates - List available course templates
/generate-learner-profile - Audience analysis across 5 dimensions
/generate-pre-work - Pre-workshop micro-learning prerequisites
/generate-spaced-practice - Post-workshop spaced retrieval practice

d3-visualizations

D3.js visualization skill for quickly creating any kind of data visualization.

Install:

/plugin install d3-visualizations@cc-plugins

View full README on GitHub

Help us improve

Find plugins for your project

Help us improve

report-to-web

Popularity

What's Inside

Help us improve

Health & Quality

Confidence

README

Reggie Chan's Claude Code Plugins

Installation

Available Plugins

code-coherence

course-curriculum-creator

d3-visualizations

Similar Plugins

html-presentations

hamsurang-slide

revealjs

slidev

presentation-architect

alemtuzlak-skills

More by reggiechan74

appraisal-valuation

expropriation-law

tenancies-residential

common-utilities

leasing-commercial

Reggie Chan's Claude Code Plugins

Installation

Available Plugins

code-coherence

course-curriculum-creator

d3-visualizations