Visual Documentation Skills
插件 已验证 活跃Skills for creating stunning visual HTML documentation with modern UI design, SVG diagrams, flowcharts, dashboards, timelines, technical documentation, and comprehensive project architecture diagrams
To empower users to easily create visually appealing and informative HTML documentation for projects, systems, and processes with modern UI design.
功能
- Generates architecture diagrams
- Creates flowcharts and process diagrams
- Builds interactive dashboards and KPI visualizations
- Produces project timelines and Gantt charts
- Outputs technical and API documentation
使用场景
- Documenting project architecture and system design
- Visualizing complex workflows and decision trees
- Creating performance monitoring dashboards
- Planning and visualizing project schedules and roadmaps
- Generating technical specifications and API references
非目标
- Creating dynamic web applications
- Interacting with external services or APIs
- Performing real-time data analysis or updates
- Managing project tasks or workflows directly
Trust
- info:Issues Attention6 issues opened, 0 closed in the last 90 days, indicating a closure rate of 0% and a notable number of open issues.
安装
请先添加 Marketplace
/plugin marketplace add mhattingpete/claude-skills-marketplace/plugin install visual-documentation-plugin@mhattingpete-claude-skills包含 5 个扩展
Skill (5)
Create comprehensive HTML architecture diagrams showing data flows, business objectives, features, technical architecture, and deployment. Use when users request system architecture, project documentation, high-level overviews, or technical specifications.
Create HTML dashboards with KPI metric cards, bar/pie/line charts, progress indicators, and data visualizations. Use when users request dashboards, metrics displays, KPI visualizations, data charts, or monitoring interfaces.
Create HTML flowcharts and process diagrams with decision trees, color-coded stages, arrows, and swimlanes. Use when users request flowcharts, process diagrams, workflow visualizations, or decision trees.
Create HTML technical documentation with code blocks, API workflows, system architecture diagrams, and syntax highlighting. Use when users request technical documentation, API docs, API references, code examples, or developer documentation.
Create HTML timelines and project roadmaps with Gantt charts, milestones, phase groupings, and progress indicators. Use when users request timelines, roadmaps, Gantt charts, project schedules, or milestone visualizations.
质量评分
已验证类似扩展
Context7 Plugin
100Upstash Context7 MCP 服务器,用于查找最新文档。直接从源代码存储库将特定版本的文档和代码示例拉取到您的 LLM 上下文中。
Brand Landingpage
99Guides developers from brand discovery through iterative design to deployment-ready HTML via Stitch.
Accessibility Compliance
99WCAG accessibility auditing, compliance validation, UI testing for screen readers, keyboard navigation, and inclusive design
Shadcn
99UI 组件和设计系统框架。搜索注册表,将组件安装为源代码,并审核你的项目。
Product Skills
9913 production-ready product skills: product manager toolkit (RICE, PRDs), agile product owner, product strategist, UX researcher, UI design system, competitive teardown, landing page generator, SaaS scaffolder, product analytics, experiment designer, product discovery, roadmap communicator, code-to-prd, research summarizer, apple-hig-expert (Apple Human Interface Guidelines), spec-to-repo. Agent skill and plugin for Claude Code, Codex, Gemini CLI, Cursor, OpenClaw.
Gh Star History
97可视化 GitHub star 历史记录和区域细分,生成交互式图表