SkillHey.
スキルを投稿

SeeCode Diagrams

Aryanutkarsh/SeeCode

Create animated and explorable diagrams from compact JSON specifications, with scripted layout, styling, motion, and export workflows.

内容更新日:

GitHub で見る
npx skills add Aryanutkarsh/SeeCode --skill seecode
934スター68フォークリポジトリの最終プッシュ
SeeCode Diagrams — Bar chart export

SeeCode Diagrams — Bar chart export

プロジェクトのスクリーンショット

SeeCode Diagrams — Bar chart export

このスキルについて

Create animated and explorable diagrams from compact JSON specifications, with scripted layout, styling, motion, and export workflows.

おすすめする理由

Curated from the upstream task instructions. Use the original repository and its linked runtime files for installation, dependencies, and licensing.

使う前に

  • Requires Node.js and the bundled SeeCode scripts and references; export dependencies vary by the chosen output format.

対応エージェント

Claude CodeCodex CLICursorGitHub CopilotDeepSeek HarnessGemini CLIGrok BuildHermes AgentOpenCodePiKiroRovo DevQoderMistral VibeGoogle Antigravity

資料・参照元

元の資料は以下のリンクから確認できます。実践のヒントは SkillHey による編集上の提案です。

SkillHey 編集
diagramsdata-visualizationsvg

類似するスキル

The author's Flat Icon animation of a Mem0 memory architecture, showing memory extraction, storage, and retrieval.
無料
画像

Fireworks Tech Graph

Turn English or Chinese descriptions into technical SVG diagrams with Codex or Claude Code. Create architecture and workflow diagrams, export PNG or offline interactive HTML, and animate supported scenes as GIFs.

1.2万スター936フォーク
リポジトリの最終プッシュ
yizhiyanhua-ai
The author's light-theme demo: an agent prompt becomes an architecture diagram, followed by a diagram redesign and the gallery.
無料
画像

Diagram Design

Create editorial diagrams in your brand with an AI agent. Supports architecture, flowcharts, data charts, and redraws from Mermaid, draw.io, and Excalidraw, with HTML, SVG, and PNG output.

6.7万スター4431フォーク
リポジトリの最終プッシュ
Cathryn Lavery
Pretty Mermaid Skills — Pretty Mermaid converts Mermaid source into themed SVG, PNG, and terminal ASCII diagrams
無料
画像

Pretty Mermaid Skills

Create and render Mermaid diagrams as themed SVG, PNG, or terminal-friendly text for architecture notes, READMEs, and technical discussions.

1574スター78フォーク
リポジトリの最終プッシュ
imxv

SVG Diagramming Conventions

Bybit

SVG diagramming conventions blending a technical look with CJK-friendly typography. Use when creating flowcharts, architecture diagrams, and similar SVG figures. For one-shot generation, prefer invoking it from a subagent so the main context does not have to carry this skill plus the SVG XML; for multi-round tweaking, use it directly in the main context.

  • svg
  • diagrams
670スター44フォーク
リポジトリの最終プッシュ