Skip to content

yanyuliu01/skilldemo--interactive

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Interactive Report Skill

Generate publication-quality interactive HTML documents with editorial design.

简介

本 Skill 用于生成出版级质量的交互式 HTML 文档,设计风格参考高品质杂志和研报,将交互元素自然融入阅读流程。

核心特性

  • 单列阅读流 - 最大宽度 780px,专注阅读体验
  • 双主题系统 - Warm(暖色纸质感)/ Cool(深色现代感)
  • 组件库 - Hero、Tabs、卡片、时间线、图表等
  • 场景适配 - 框架分析、数据洞察、会议纪要、竞品对比、研报、论文精读等

使用方式

在 Claude Code 中调用:

/interactive-report 帮我分析...

设计系统

详见 references/ 目录:

  • design-system.md - CSS 变量、字体、颜色
  • templates.md - 场景模板
  • components/ - 组件代码库

⚠️ 许可证声明

CC BY-NC 4.0

本作品采用 知识共享署名-非商业性使用 4.0 国际许可协议 进行许可。

禁止商用 - 仅供个人学习、研究使用,不得用于商业目的。

About

交互式html skill

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors