Does it support automated deployment?

Absolutely. It generates a GitHub Actions workflow that automatically builds and deploys your site to GitHub Pages whenever you push to your main branch.

What UI components are included in the generated site?

The skill utilizes shadcn/ui components including cards, tables, accordions, and sliders, all styled with Tailwind CSS v4 for a modern look.

How does the skill handle markdown structure?

It maps H1 headings to site titles, H2s to main navigation tabs, and H3s to sections within those tabs, ensuring a logical flow from document to web.

Can I manually trigger specific interactive elements?

Yes, you can use explicit HTML comment markers like to override AI detection and force specific component rendering.

Report to Interactive Site Generator

Name: Report to Interactive Site Generator
Author: reggiechan74

byreggiechan74

•

内容管理

Transforms markdown research reports into production-ready, interactive React websites with Tailwind CSS v4 and shadcn/ui.

This skill automates the complex process of converting static markdown documentation into dynamic web experiences. It intelligently maps markdown hierarchies to tabbed navigation, auto-detects data patterns to generate interactive components like calculators and timelines, and scaffolds a complete Vite project optimized for performance. By integrating professional design systems and automated deployment workflows, it enables researchers and developers to publish sophisticated, searchable, and interactive reports to GitHub Pages with minimal manual intervention.

主要功能

01Integration with Vercel agent skills for production-grade React code quality

02Full project scaffolding with Vite, Tailwind CSS v4, and shadcn/ui

03Auto-detection of interactive calculators, timelines, and comparison tables

04Automated GitHub Pages deployment via pre-configured CI/CD workflows

055 GitHub stars

06Intelligent markdown parsing into tabbed React site architectures

使用场景

01Generating professional project documentation sites from README files

02Converting dense research papers into searchable, interactive web reports

03Transforming static data analysis into interactive 'what-if' scenario tools

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add reggiechan74/cc-plugins site-generation

For use in Claude.ai and ChatGPT

Download Skill