visualize
只需一个提示词，把任何想法快速生成精美的 HTML 可视化。这是一个 Claude Code 技能。
可视化
HTML
信息图
仪表盘
演示
开源
JavaScript
Claude Code
⭐ 82⬇️ 0🏷️ main📦 2
visualize-main.zip
461.6 KB下载
安装与使用说明
Codex
- 先下载 ZIP 包（例如：visualize-main.zip）。
- 解压后放到 $CODEX_HOME/skills/ 目录下。
- 如果没有设置 $CODEX_HOME，通常可放到 ~/.codex/skills/。
- 确保目录内有 SKILL.md，然后重开会话即可使用。
源码目录预览
├── .claude-plugin │ ├── marketplace.json │ └── plugin.json ├── docs │ └── plans │ ├── 2026-02-28-eval-rebuild-design.md │ └── 2026-02-28-eval-rebuild-implementation.md ├── eval │ ├── archive │ │ ├── screenshots │ │ │ └── round23-fixed │ │ │ └── FIXES_APPLIED.md │ │ ├── eval-results-raw.md │ │ ├── eval-round10-raw.md │ │ ├── eval-round11-raw.md │ │ ├── eval-round12-raw.md │ │ ├── eval-round13-raw.md │ │ ├── eval-round14-raw.md │ │ ├── eval-round15-raw.md │ │ ├── eval-round16-raw.md │ │ ├── eval-round17-research.md │ │ ├── eval-round18-raw.md │ │ ├── eval-round19-raw.md │ │ ├── eval-round2-raw.md │ │ ├── eval-round20-raw.md │ │ ├── eval-round21-raw.md │ │ ├── eval-round22-raw.md │ │ ├── eval-round23-raw.md │ │ ├── eval-round25-raw.md │ │ ├── eval-round26-raw.md │ │ ├── eval-round27-raw.md │ │ ├── eval-round28-raw.md │ │ ├── eval-round29-raw.md │ │ ├── eval-round3-raw.md │ │ ├── eval-round30-raw.md │ │ ├── eval-round32-raw.md │ │ ├── eval-round33-raw.md │ │ ├── eval-round34-raw.md │ │ ├── eval-round35-raw.md │ │ ├── eval-round36-raw.md │ │ ├── eval-round38-raw.md │ │ ├── eval-round4-raw.md │ │ ├── eval-round5-raw.md │ │ ├── eval-round6-raw.md │ │ ├── eval-round7-raw.md │ │ ├── eval-round8-raw.md │ │ ├── regen-round35-summary.md │ │ ├── research-round24.md │ │ ├── research-round31.md │ │ ├── research-round37.md │ │ ├── research-round9.md │ │ ├── round16-fixes.md │ │ ├── round19-fixes.md │ │ └── round38-summary.md │ ├── pipeline │ │ ├── calibration │ │ │ └── anchors.md │ │ ├── checks │ │ │ ├── accessibility.js │ │ │ ├── charts.js │ │ │ ├── layout.js │ │ │ ├── menu.js │ │ │ ├── technical.js │ │ │ ├── theme.js │ │ │ └── typography.js │ │ ├── LOOP-PROMPT.md │ │ ├── format-detect.js │ │ ├── package.json │ │ ├── run.js │ │ └── vision-eval.js │ ├── rounds │ │ ├── round-40 │ │ │ ├── analysis.md │ │ │ ├── persona.md │ │ │ └── scores.json │ │ ├── round-41 │ │ │ ├── analysis.md │ │ │ ├── persona.md │ │ │ └── scores.json │ │ ├── round-42 │ │ │ ├── analysis.md │ │ │ ├── persona.md │ │ │ └── scores.json │ │ ├── round-43 │ │ │ ├── analysis.md │ │ │ ├── persona.md │ │ │ ├── research.md │ │ │ └── scores.json │ │ ├── round-44 │ │ │ ├── analysis.md │ │ │ ├── persona.md │ │ │ └── scores.json │ │ ├── round-45 │ │ │ ├── analysis.md │ │ │ ├── persona.md │ │ │ └── scores.json │ │ ├── round-46 │ │ │ ├── analysis.md │ │ │ ├── persona.md │ │ │ └── scores.json │ │ ├── round-47 │ │ │ ├── analysis.md │ │ │ ├── persona.md │ │ │ └── scores.json │ │ ├── round-48 │ │ │ ├── analysis.md │ │ │ ├── persona.md │ │ │ └── scores.json │ │ ├── round-49 │ │ │ ├── analysis.md │ │ │ ├── persona.md │ │ │ └── scores.json │ │ ├── round-50 │ │ │ ├── analysis.md │ │ │ ├── persona.md │ │ │ └── scores.json │ │ ├── round-51 │ │ │ ├── analysis.md │ │ │ ├── persona.md │ │ │ └── scores.json │ │ ├── round-52 │ │ │ ├── analysis.md │ │ │ ├── persona.md │ │ │ └── scores.json │ │ ├── round-53 │ │ │ ├── analysis.md │ │ │ ├── persona.md │ │ │ └── scores.json │ │ ├── round-54 │ │ │ ├── analysis.md │ │ │ ├── persona.md │ │ │ ├── research.md │ │ │ └── scores.json │ │ ├── round-55 │ │ │ ├── analysis.md │ │ │ ├── persona.md │ │ │ └── scores.json │ │ ├── round-56 │ │ │ ├── analysis.md │ │ │ ├── persona.md │ │ │ └── scores.json │ │ ├── round-57 │ │ │ ├── analysis.md │ │ │ ├── persona.md │ │ │ └── scores.json │ │ └── round-58 │ │ ├── analysis.md │ │ ├── persona.md │ │ └── scores.json │ ├── EVAL.md │ ├── LOOP.md │ ├── OPENCLAW-SETUP.md │ ├── SKILL.md │ ├── eval-round39-raw.md │ ├── loop-state.json │ └── stress-tests.md ├── examples │ ├── EXAMPLES.md │ ├── ai-timeline.html │ ├── carousel-infographic.html │ ├── carousel-korean.html │ ├── carousel-threads.html │ ├── cheatsheet-claude-code.html │ ├── cheatsheet-git.html │ ├── claude-code-poster-1x1.html │ ├── comparison-infographic.html │ ├── event-poster.html │ ├── neuralchef-pitch.html │ ├── process-guide.html │ ├── quote-card.html │ ├── saas-dashboard.html │ ├── slide-deck-demo.html │ ├── startup-pitch-deck.html │ ├── status-report.html │ └── system-architecture.html ├── skills │ └── visualize │ ├── references │ │ ├── animations.md │ │ ├── anthropic-skill-guide-notes.md │ │ ├── css-techniques.md │ │ ├── design-system.md │ │ ├── eval.md │ │ ├── libraries.md │ │ ├── menu.md │ │ ├── skeleton.md │ │ └── types.md │ └── SKILL.md ├── .gitignore ├── CHANGELOG.md ├── CLAUDE.md ├── LICENSE └── README.md
元数据
Slug: visualize
作者: careerhackeralex
协议: MIT
包大小: 461.6 KB
SHA256: 8ab94e1ee4e50d74d1eccc3cb37d070cc3653c6fe318697d8ca3c716b036c5d0