#977 by GitHub stars

Aryanutkarsh/SeeCode

Create animated, explorable editorial diagrams in 45 types (architecture, flowchart, sequence, state, ER, DB schema, UML class, swimlane, timeline, gantt, journey, tree, org chart, nested, venn, quadrant, fishbone, wardley, bar, line, scatter, sankey, treemap, heatmap, 3D isometric objects, floor pl

History

Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.

View weekly changes

skills/seecode/SKILL.md

Week of Oct 26, 2026 · +0 / −0 lines

Before Network or broad shell → After Network or broad shell

bf9132845079 → bf9132845079

Compare on GitHub

View on GitHubAdd to my skills

Verified commit bf91328450796dcb87f49fb2f37a8acd85d87c52

git clone --filter=blob:none --no-checkout https://github.com/Aryanutkarsh/SeeCode.git .hotskills/aryanutkarsh-seecode && git -C .hotskills/aryanutkarsh-seecode checkout --detach bf91328450796dcb87f49fb2f37a8acd85d87c52 # Copy each selected skill directory from .hotskills/aryanutkarsh-seecode into .claude/skills/<skill-name>/
892GitHub stars
152stars in 7 days
1skill in this repository
44commits in 30 days

Heat

8.2
  • Star growth, last 7 daysAhead of 99% of tracked repositories
  • Star growth, last 24 hoursAhead of 96% of tracked repositories
  • Rank movement, last 7 daysNot available
  • Commits, last 30 daysAhead of 89% of tracked repositories
  • Accounts asking about it through MCP, last 7 daysNot available
  • Hot votes this weekAhead of 0% of tracked repositories

Heat never changes the order by stars, and sponsorship never touches it. How heat works

Stars over time

Sep 27, 2026Nov 6, 2026892

Individual skills in this repository

How it works

seecode

When your agent uses it

Create animated, explorable editorial diagrams in 45 types (architecture, flowchart, sequence, state, ER, DB schema, UML class, swimlane, timeline, gantt, journey, tree, org chart, nested, venn, quadrant, fishbone, wardley, bar, line, scatter, sankey, treemap, heatmap, 3D isometric objects, floor plans and exploded views) as standalone HTML from a short JSON spec. Use when the user asks to draw, diagram, chart or visualize a system, codebase, flow, process, API call sequence, hierarchy, data or a physical object (a chair); to convert Mermaid, Graphviz/DOT, PlantUML, D2, draw.io, Excalidraw, SQL or CSV into a clean diagram; or to export a diagram as PNG, JPEG, SVG, GIF or MP4. Also for everyday plans: trips, moves, job hunts, approvals, budgets, where money goes.

What it loads into context

Frontmatter

224 tokens

Always available to the agent

SKILL.md

1,149 tokens

When the skill is activated

Reference documents

21,859 tokens

Loaded on request

Token counts are estimates. Scripts run separately; they are not counted as reference context.

The playbook

  1. 0. Settings + brand (once per project)
  2. 1. Where will it live? Then pick the type
  3. 2. Write the spec
  4. 3. Render, fix, repeat
  5. 4. Export (per step 1, or settings.exportFormats)
  6. 5. Special inputs
  7. 6. Reply

Scripts executed separately

  • scripts/lib/brand/brand.mjs
  • scripts/lib/color.mjs
  • scripts/lib/config/config.mjs
  • scripts/lib/data.mjs
  • scripts/lib/export/chrome.mjs
  • scripts/lib/export/doctor.mjs
  • scripts/lib/export/export.mjs
  • scripts/lib/export/fonts.mjs
  • scripts/lib/export/svg.mjs
  • scripts/lib/folder.mjs
  • scripts/lib/importers/canvas.mjs
  • scripts/lib/importers/common.mjs
  • scripts/lib/importers/d2.mjs
  • scripts/lib/importers/dot.mjs
  • scripts/lib/importers/import.mjs
  • scripts/lib/importers/mermaid.mjs
  • scripts/lib/importers/models.mjs
  • scripts/lib/importers/plantuml.mjs
  • scripts/lib/importers/units.mjs
  • scripts/lib/mark.mjs
  • scripts/lib/motion.mjs
  • scripts/lib/page.mjs
  • scripts/lib/render.mjs
  • scripts/lib/render/charts/bar.mjs
  • scripts/lib/render/charts/blocks.mjs
  • scripts/lib/render/charts/line.mjs
  • scripts/lib/render/charts/radial.mjs
  • scripts/lib/render/charts/sankey.mjs
  • scripts/lib/render/charts/scale.mjs
  • scripts/lib/render/charts/scatter.mjs
  • scripts/lib/render/charts/wardley.mjs
  • scripts/lib/render/graph/graph.mjs
  • scripts/lib/render/graph/route.mjs
  • scripts/lib/render/graph/verify.mjs
  • scripts/lib/render/lanes/gantt.mjs
  • scripts/lib/render/lanes/journey.mjs
  • scripts/lib/render/lanes/sequence.mjs
  • scripts/lib/render/lanes/time.mjs
  • scripts/lib/render/lanes/timeline.mjs
  • scripts/lib/render/shared/edges.mjs
  • scripts/lib/render/shared/icons.mjs
  • scripts/lib/render/shared/legend.mjs
  • scripts/lib/render/shared/nodes.mjs
  • scripts/lib/render/structure/axon.mjs
  • scripts/lib/render/structure/common.mjs
  • scripts/lib/render/structure/exploded.mjs
  • scripts/lib/render/structure/fishbone.mjs
  • scripts/lib/render/structure/iso-detail.mjs
  • scripts/lib/render/structure/kanban.mjs
  • scripts/lib/render/structure/layers.mjs
  • scripts/lib/render/structure/loop.mjs
  • scripts/lib/render/structure/matrix.mjs
  • scripts/lib/render/structure/nested.mjs
  • scripts/lib/render/structure/object.mjs
  • scripts/lib/render/structure/plan.mjs
  • scripts/lib/render/structure/process.mjs
  • scripts/lib/render/structure/pyramid.mjs
  • scripts/lib/render/structure/quadrant.mjs
  • scripts/lib/render/structure/storymap.mjs
  • scripts/lib/render/structure/tree.mjs
  • scripts/lib/render/structure/venn.mjs
  • scripts/lib/scan/scan.mjs
  • scripts/lib/schema.mjs
  • scripts/lib/scope.mjs
  • scripts/lib/svg.mjs
  • scripts/lib/text.mjs
  • scripts/lib/tokens.mjs
  • scripts/lib/types.mjs
  • scripts/lib/viewer/viewer.client.js
  • scripts/lib/viewer/viewer.css.mjs
  • scripts/seecode.mjs
  • scripts/vendor/gifenc.js
  • scripts/vendor/mp4-muxer.js
  • scripts/vendor/webm-muxer.js

Files

  • ../../.claude-plugin/marketplace.jsonasset1,221 bytes
  • ../../.claude-plugin/plugin.jsonasset954 bytes
  • LICENSEasset1,069 bytes
  • SKILL.mdcore4,089 bytes
  • assets/favicon.pngasset3,589 bytes
  • assets/mark-symbol.pngasset12,076 bytes
  • assets/mark-word.pngasset13,134 bytes
  • references/delivery.mddoc4,336 bytes
  • references/export.mddoc3,040 bytes
  • references/import.mddoc3,562 bytes
  • references/isometric.mddoc6,301 bytes
  • references/motion.mddoc878 bytes
  • references/onboarding.mddoc3,270 bytes
  • references/repo-evidence.mddoc814 bytes
  • references/settings.mddoc1,650 bytes
  • references/spec.mddoc2,980 bytes
  • references/style-guide.mddoc1,258 bytes
  • references/types/INDEX.mddoc2,112 bytes
  • references/types/architecture-delta.mddoc1,008 bytes
  • references/types/architecture.mddoc1,520 bytes
  • references/types/bar.mddoc1,118 bytes
  • references/types/beeswarm.mddoc79 bytes
  • references/types/bubble.mddoc75 bytes
  • references/types/bump.mddoc102 bytes
  • references/types/data-flow.mddoc1,067 bytes
  • references/types/db-schema.mddoc970 bytes
  • references/types/dependency.mddoc975 bytes
  • references/types/deployment.mddoc315 bytes
  • references/types/dp-integration.mddoc915 bytes
  • references/types/dp-security-matrix.mddoc708 bytes
  • references/types/dumbbell.mddoc71 bytes
  • references/types/er.mddoc1,053 bytes
  • references/types/exploded.mddoc1,502 bytes
  • references/types/fishbone.mddoc857 bytes
  • references/types/flowchart.mddoc1,148 bytes
  • references/types/funnel.mddoc75 bytes
  • references/types/gantt.mddoc975 bytes
  • references/types/heatmap.mddoc954 bytes
  • references/types/high-level-vertical.mddoc138 bytes
  • references/types/high-level.mddoc271 bytes
  • references/types/isometric-plan.mddoc1,470 bytes
  • references/types/isometric.mddoc1,527 bytes
  • references/types/it-state.mddoc835 bytes
  • references/types/journey.mddoc909 bytes
  • references/types/kanban.mddoc757 bytes
  • references/types/layers.mddoc749 bytes
  • references/types/line.mddoc1,032 bytes
  • references/types/loop-terminal.mddoc841 bytes
  • references/types/loop.mddoc741 bytes
  • references/types/marimekko.mddoc73 bytes
  • references/types/medallion.mddoc939 bytes
  • references/types/nested.mddoc855 bytes
  • references/types/org-chart.mddoc788 bytes
  • references/types/polar.mddoc704 bytes
  • references/types/process.mddoc678 bytes
  • references/types/pyramid.mddoc744 bytes
  • references/types/quadrant-consultant.mddoc938 bytes
  • references/types/quadrant.mddoc927 bytes
  • references/types/radar.mddoc745 bytes
  • references/types/ridgeline.mddoc112 bytes
  • references/types/sankey.mddoc772 bytes
  • references/types/scatter.mddoc861 bytes
  • references/types/sequence-oauth.mddoc188 bytes
  • references/types/sequence.mddoc1,198 bytes
  • references/types/slopegraph.mddoc114 bytes
  • references/types/state-lifecycle.mddoc155 bytes
  • references/types/state.mddoc1,092 bytes
  • references/types/story-map.mddoc734 bytes
  • references/types/streamgraph.mddoc116 bytes
  • references/types/swimlane.mddoc859 bytes
  • references/types/timeline.mddoc1,000 bytes
  • references/types/tree-block-decomposition.mddoc192 bytes
  • references/types/tree.mddoc783 bytes
  • references/types/treemap.mddoc665 bytes
  • references/types/uml-class.mddoc929 bytes
  • references/types/venn.mddoc696 bytes
  • references/types/wardley.mddoc974 bytes
  • references/types/waterfall.mddoc762 bytes
  • schemas/bar.schema.jsonasset3,200 bytes
  • schemas/common.schema.jsonasset3,141 bytes
  • schemas/exploded.schema.jsonasset9,005 bytes
  • schemas/fishbone.schema.jsonasset703 bytes
  • schemas/gantt.schema.jsonasset1,351 bytes
  • schemas/graph.schema.jsonasset6,155 bytes
  • schemas/heatmap.schema.jsonasset653 bytes
  • schemas/isometric-plan.schema.jsonasset11,527 bytes
  • schemas/isometric.schema.jsonasset10,551 bytes
  • schemas/journey.schema.jsonasset1,226 bytes
  • schemas/kanban.schema.jsonasset1,296 bytes
  • schemas/layers.schema.jsonasset859 bytes
  • schemas/line.schema.jsonasset946 bytes
  • schemas/loop.schema.jsonasset901 bytes
  • schemas/matrix.schema.jsonasset632 bytes
  • schemas/nested.schema.jsonasset808 bytes
  • schemas/polar.schema.jsonasset906 bytes
  • schemas/process.schema.jsonasset814 bytes
  • schemas/pyramid.schema.jsonasset840 bytes
  • schemas/quadrant.schema.jsonasset1,538 bytes
  • schemas/radar.schema.jsonasset722 bytes
  • schemas/sankey.schema.jsonasset1,172 bytes
  • schemas/scatter.schema.jsonasset1,416 bytes
  • schemas/sequence.schema.jsonasset2,718 bytes
  • schemas/stages.schema.jsonasset6,588 bytes
  • schemas/story-map.schema.jsonasset1,666 bytes
  • schemas/timeline.schema.jsonasset1,244 bytes
  • schemas/tree.schema.jsonasset1,105 bytes
  • schemas/treemap.schema.jsonasset877 bytes
  • schemas/venn.schema.jsonasset1,105 bytes
  • schemas/wardley.schema.jsonasset895 bytes
  • schemas/waterfall.schema.jsonasset896 bytes
  • scripts/lib/brand/brand.mjsruns18,615 bytes
  • scripts/lib/color.mjsruns5,912 bytes
  • scripts/lib/config/config.mjsruns6,173 bytes
  • scripts/lib/data.mjsruns4,512 bytes
  • scripts/lib/export/chrome.mjsruns11,685 bytes
  • scripts/lib/export/doctor.mjsruns2,595 bytes
  • scripts/lib/export/export.mjsruns18,529 bytes
  • scripts/lib/export/fonts.mjsruns3,853 bytes
  • scripts/lib/export/svg.mjsruns2,931 bytes
  • scripts/lib/folder.mjsruns8,068 bytes
  • scripts/lib/importers/canvas.mjsruns10,295 bytes
  • scripts/lib/importers/common.mjsruns4,733 bytes
  • scripts/lib/importers/d2.mjsruns5,960 bytes
  • scripts/lib/importers/dot.mjsruns5,117 bytes
  • scripts/lib/importers/import.mjsruns17,256 bytes
  • scripts/lib/importers/mermaid.mjsruns24,839 bytes
  • scripts/lib/importers/models.mjsruns11,761 bytes
  • scripts/lib/importers/plantuml.mjsruns12,016 bytes
  • scripts/lib/importers/units.mjsruns5,014 bytes
  • scripts/lib/mark.mjsruns2,530 bytes
  • scripts/lib/motion.mjsruns5,627 bytes
  • scripts/lib/page.mjsruns9,428 bytes
  • scripts/lib/render.mjsruns6,882 bytes
  • scripts/lib/render/charts/bar.mjsruns11,143 bytes
  • scripts/lib/render/charts/blocks.mjsruns10,499 bytes
  • scripts/lib/render/charts/line.mjsruns8,323 bytes
  • scripts/lib/render/charts/radial.mjsruns4,759 bytes
  • scripts/lib/render/charts/sankey.mjsruns5,908 bytes
  • scripts/lib/render/charts/scale.mjsruns2,289 bytes
  • scripts/lib/render/charts/scatter.mjsruns5,212 bytes
  • scripts/lib/render/charts/wardley.mjsruns4,125 bytes
  • scripts/lib/render/graph/graph.mjsruns21,765 bytes
  • scripts/lib/render/graph/route.mjsruns13,439 bytes
  • scripts/lib/render/graph/verify.mjsruns7,148 bytes
  • scripts/lib/render/lanes/gantt.mjsruns6,193 bytes
  • scripts/lib/render/lanes/journey.mjsruns3,984 bytes
  • scripts/lib/render/lanes/sequence.mjsruns8,431 bytes
  • scripts/lib/render/lanes/time.mjsruns2,917 bytes
  • scripts/lib/render/lanes/timeline.mjsruns5,093 bytes
  • scripts/lib/render/shared/edges.mjsruns6,942 bytes
  • scripts/lib/render/shared/icons.mjsruns3,391 bytes
  • scripts/lib/render/shared/legend.mjsruns3,563 bytes
  • scripts/lib/render/shared/nodes.mjsruns9,555 bytes
  • scripts/lib/render/structure/axon.mjsruns17,469 bytes
  • scripts/lib/render/structure/common.mjsruns1,740 bytes
  • scripts/lib/render/structure/exploded.mjsruns9,739 bytes
  • scripts/lib/render/structure/fishbone.mjsruns3,397 bytes
  • scripts/lib/render/structure/iso-detail.mjsruns20,011 bytes
  • scripts/lib/render/structure/kanban.mjsruns3,143 bytes
  • scripts/lib/render/structure/layers.mjsruns2,278 bytes
  • scripts/lib/render/structure/loop.mjsruns3,810 bytes
  • scripts/lib/render/structure/matrix.mjsruns3,270 bytes
  • scripts/lib/render/structure/nested.mjsruns3,709 bytes
  • scripts/lib/render/structure/object.mjsruns11,691 bytes
  • scripts/lib/render/structure/plan.mjsruns14,044 bytes
  • scripts/lib/render/structure/process.mjsruns1,912 bytes
  • scripts/lib/render/structure/pyramid.mjsruns2,800 bytes
  • scripts/lib/render/structure/quadrant.mjsruns3,748 bytes
  • scripts/lib/render/structure/storymap.mjsruns3,179 bytes
  • scripts/lib/render/structure/tree.mjsruns4,820 bytes
  • scripts/lib/render/structure/venn.mjsruns2,637 bytes
  • scripts/lib/scan/scan.mjsruns9,561 bytes
  • scripts/lib/schema.mjsruns4,115 bytes
  • scripts/lib/scope.mjsruns1,810 bytes
  • scripts/lib/svg.mjsruns2,998 bytes
  • scripts/lib/text.mjsruns5,327 bytes
  • scripts/lib/tokens.mjsruns22,076 bytes
  • scripts/lib/types.mjsruns5,317 bytes
  • scripts/lib/viewer/viewer.client.jsruns57,916 bytes
  • scripts/lib/viewer/viewer.css.mjsruns13,144 bytes
  • scripts/seecode.mjsruns6,792 bytes
  • scripts/vendor/LICENSES.mddoc3,274 bytes
  • scripts/vendor/gifenc.jsruns22,617 bytes
  • scripts/vendor/mp4-muxer.jsruns73,921 bytes
  • scripts/vendor/webm-muxer.jsruns69,013 bytes
Read SKILL.md

# SeeCode

You write a **compact JSON spec**; scripts do layout, styling, motion, checks, export. Never write or read SVG/HTML.

`SC` = `node <this skill's folder>/scripts/seecode.mjs`; each command prints one JSON line.

## 0. Settings + brand (once per project)
`SC config status`. On `"state":"first-run"` ask its `ask` once, then `SC config init --use global|project`.
**Brand:** no `settings.profile` but a brand is known (URL, theme tokens, colours)? Run `SC brand <url|dir>` or `SC brand --colors "#hex,…"`, show the palette, rerun with `--save <name> --use`. No brand: keep the defaults. See `references/onboarding.md`.

## 1. Where will it live? Then pick the type
Settle destination, look, size, audience; everyday subjects too (`references/delivery.md`): infer; ask one question only if it matters.
- **Explain / "artifact" / share:** the standalone **HTML** (motion, trace, focus); publish an artifact as-is.
- **PDF / Word / docs / README / slides:** **SVG** first (vector), PNG fallback: `SC export x.html --for pdf|docs|readme|slides|gdocs|social|video`.
View the complete source on GitHub

Skills included

  • seecode

Repository facts

License
MIT
Created
Oct 2, 2026
Last pushed
Nov 2, 2026
Forks
61
Open issues
0
Project activity
Active

Rank over the last 12 weeks

Now #977 · best #846 · down 57 in 30 days

  1. #907 on Oct 23
  2. #846 on Oct 24
  3. #998 on Nov 3
  4. #992 on Nov 4
  5. #978 on Nov 5
  6. #977 since Nov 6
20 earlier periods
  1. #905 on Sep 27
  2. #896 on Oct 2
  3. #910 on Oct 4
  4. #930 on Oct 5
  5. #920 on Oct 6
  6. #992 on Oct 8
  7. #955 on Oct 9
  8. #930 on Oct 10
  9. #937 on Oct 11
  10. #955 on Oct 12
  11. #956 on Oct 13
  12. #976 on Oct 14
  13. #961 on Oct 15
  14. #958 on Oct 16
  15. #920 on Oct 17
  16. #891 on Oct 18
  17. #924 on Oct 19
  18. #916 on Oct 20
  19. #928 on Oct 21
  20. #890 on Oct 22

Before you install

Network or broad shell

Automated signals, not a guarantee

Checked Nov 4, 2026

Show all 137 signals by file

.claude-plugin/marketplace.json

  • Network accessline 3
    "owner": {     "name": "Aryanutkarsh",     "url": "https://github.com/Aryanutkarsh"
  • Network accessline 4
    "name": "Aryanutkarsh",     "url": "https://github.com/Aryanutkarsh"   },
  • Network accessline 5
    "url": "https://github.com/Aryanutkarsh"

.claude-plugin/plugin.json

  • Network accessline 6
    "author": {     "name": "Aryanutkarsh",     "url": "https://github.com/Aryanutkarsh"
  • Network accessline 7
    "name": "Aryanutkarsh",     "url": "https://github.com/Aryanutkarsh"   },
  • Network accessline 8
    "url": "https://github.com/Aryanutkarsh"
  • Network accessline 9
    },   "homepage": "https://github.com/Aryanutkarsh/seecode",   "repository": "https://github.com/Aryanutkarsh/seecode",
  • Network accessline 10
    "homepage": "https://github.com/Aryanutkarsh/seecode",
  • Network accessline 11
    "repository": "https://github.com/Aryanutkarsh/seecode",

skills/seecode/references/isometric.md

  • Network accessline 88
    The isometric types draw on ideas from [diagram-design](https://github.com/cathrynlavery/diagram-design) by Cathryn Lavery (exploded axonometric and axonometric plan), [iso-glow](https://isoglow.dev) by April Zhu, and [iso-figure](https://g

skills/seecode/references/onboarding.md

  • Network accessline 11
    ## 1. Learn the palette One of: - `SC brand https://example.com`: fetches the page and up to 6 stylesheets.
  • Network accessline 12
    One of: - `SC brand https://example.com`: fetches the page and up to 6 stylesheets. - `SC brand <dir|file>`: reads CSS, SCSS, HTML, Tailwind and theme/token files (skips `node_modules`, builds).
  • Network accessline 13
    - `SC brand https://example.com`: fetches the page and up to 6 stylesheets.

skills/seecode/scripts/lib/brand/brand.mjs

  • Executable scriptline 1
    Executable file
  • Network accessline 18
    const t = setTimeout(() => ctl.abort(), FETCH_MS);   try {     const r = await fetch(url, { signal: ctl.signal, redirect: 'follow', headers: { 'user-agent': 'Mozilla/5.0 (SeeCode brand onboarding)', accept: 'text/html,text/css,*/*' } });
  • Network accessline 19
    try {     const r = await fetch(url, { signal: ctl.signal, redirect: 'follow', headers: { 'user-agent': 'Mozilla/5.0 (SeeCode brand onboarding)', accept: 'text/html,text/css,*/*' } });     if (!r.ok) throw new Error(`HTTP ${r.status}`);
  • Network accessline 20
    const r = await fetch(url, { signal: ctl.signal, redirect: 'follow', headers: { 'user-agent': 'Mozilla/5.0 (SeeCode brand onboarding)', accept: 'text/html,text/css,*/*' } });
  • Network accessline 225
    export async function googleHas(family, axes) {   const base = `https://fonts.googleapis.com/css2?family=${encodeURIComponent(family).replace(/%20/g, '+')}`;
  • Network accessline 226
    const base = `https://fonts.googleapis.com/css2?family=${encodeURIComponent(family).replace(/%20/g, '+')}`;

skills/seecode/scripts/lib/color.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/config/config.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/data.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/export/chrome.mjs

  • Executable scriptline 1
    Executable file
  • Network accessline 130
    await this.send('Page.stopLoading').catch(() => {});     await this.send('Network.enable');     await this.send('Network.setBlockedURLs', { urls: ['http://*', 'https://*'] });
  • Network accessline 131
    await this.send('Network.enable');     await this.send('Network.setBlockedURLs', { urls: ['http://*', 'https://*'] });     await load(30000);
  • Network accessline 132
    await this.send('Network.setBlockedURLs', { urls: ['http://*', 'https://*'] });

skills/seecode/scripts/lib/export/doctor.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/export/export.mjs

  • Executable scriptline 1
    Executable file
  • Network accessline 124
    const png = await page.screenshot(target, { type: 'png' });         const webp = await page.evaluate(async (b64) => {           const bmp = await createImageBitmap(await (await fetch(`data:image/png;base64,${b64}`)).blob());
  • Network accessline 125
    const webp = await page.evaluate(async (b64) => {           const bmp = await createImageBitmap(await (await fetch(`data:image/png;base64,${b64}`)).blob());           const c = new OffscreenCanvas(bmp.width, bmp.height);
  • Network accessline 126
    const bmp = await createImageBitmap(await (await fetch(`data:image/png;base64,${b64}`)).blob());
  • Network accessline 178
    await page.evaluate((n) => { window[n] = []; }, name);         for (const f of shots) await page.evaluate(async ([n, b64]) => {           const blob = await (await fetch(`data:image/png;base64,${b64}`)).blob();
  • Network accessline 179
    for (const f of shots) await page.evaluate(async ([n, b64]) => {           const blob = await (await fetch(`data:image/png;base64,${b64}`)).blob();           window[n].push(await createImageBitmap(blob));
  • Network accessline 180
    const blob = await (await fetch(`data:image/png;base64,${b64}`)).blob();

skills/seecode/scripts/lib/export/fonts.mjs

  • Executable scriptline 1
    Executable file
  • Network accessline 18
    const toData = async (src) => {   const r = await fetch(src);
  • Network accessline 19
    const r = await fetch(src);
  • Network accessline 38
    const used = googleFamilies(svg).filter((f) => !leads.size || leads.has(f.split(':')[0].replace(/\+/g, ' ').toLowerCase()));     for (const fam of used) {       const url = `https://fonts.googleapis.com/css2?family=${encodeURIComponent(fam)
  • Network accessline 39
    for (const fam of used) {       const url = `https://fonts.googleapis.com/css2?family=${encodeURIComponent(fam).replace(/%20/g, '+').replace(/%3A/gi, ':').replace(/%40/g, '@').replace(/%3B/gi, ';').replace(/%2C/gi, ',')}&text=${encodeURICom
  • Network accessline 40
    const url = `https://fonts.googleapis.com/css2?family=${encodeURIComponent(fam).replace(/%20/g, '+').replace(/%3A/gi, ':').replace(/%40/g, '@').replace(/%3B/gi, ';').replace(/%2C/gi, ',')}&text=${encodeURIComponent(text)}&display=swap`;    
  • Network accessline 41
    const css = await (await fetch(url, { headers: { 'user-agent': UA } })).text();

skills/seecode/scripts/lib/export/svg.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/folder.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/importers/canvas.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/importers/common.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/importers/d2.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/importers/dot.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/importers/import.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/importers/mermaid.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/importers/models.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/importers/plantuml.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/importers/units.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/mark.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/motion.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/page.mjs

  • Executable scriptline 1
    Executable file
  • Network accessline 43
    class: `sc-svg${sketchy ? ' sc-sketchy' : ''}`,     id: uid,     xmlns: 'http://www.w3.org/2000/svg',
  • Network accessline 44
    id: uid,     xmlns: 'http://www.w3.org/2000/svg',     'xmlns:xlink': mark ? 'http://www.w3.org/1999/xlink' : undefined,
  • Network accessline 45
    xmlns: 'http://www.w3.org/2000/svg',
  • Network accessline 46
    'xmlns:xlink': mark ? 'http://www.w3.org/1999/xlink' : undefined,
  • Network accessline 97
    <link rel="icon" type="image/png" href="${FAVICON()}"> <title>${esc(title)}</title> ${webFonts ? `<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 98
    <title>${esc(title)}</title> ${webFonts ? `<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link id="sc-fonts" rel="stylesheet" href="${esc(FONTS_HREF)}${sketch
  • Network accessline 99
    ${webFonts ? `<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

skills/seecode/scripts/lib/render.mjs

  • Executable scriptline 1
    Executable file
  • Dangerous shell operationline 43
    const rm = new Set((patch.remove || []).map(String));

skills/seecode/scripts/lib/render/charts/bar.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/charts/blocks.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/charts/line.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/charts/radial.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/charts/sankey.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/charts/scale.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/charts/scatter.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/charts/wardley.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/graph/graph.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/graph/route.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/graph/verify.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/lanes/gantt.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/lanes/journey.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/lanes/sequence.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/lanes/time.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/lanes/timeline.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/shared/edges.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/shared/icons.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/shared/legend.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/shared/nodes.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/structure/axon.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/structure/common.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/structure/exploded.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/structure/fishbone.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/structure/iso-detail.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/structure/kanban.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/structure/layers.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/structure/loop.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/structure/matrix.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/structure/nested.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/structure/object.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/structure/plan.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/structure/process.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/structure/pyramid.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/structure/quadrant.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/structure/storymap.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/structure/tree.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/render/structure/venn.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/scan/scan.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/schema.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/scope.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/svg.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/text.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/tokens.mjs

  • Executable scriptline 1
    Executable file
  • Network accessline 9
    export const FONTS_HREF =   'https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;1,9..144,400&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap';
  • Network accessline 10
    'https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;1,9..144,400&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap';

skills/seecode/scripts/lib/types.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/lib/viewer/viewer.client.js

  • Executable scriptline 1
    Executable file
  • Network accessline 3
    const svg = document.querySelector('.sc-figure .sc-svg');   if (!svg) return;   const NS = 'http://www.w3.org/2000/svg';
  • Network accessline 4
    if (!svg) return;   const NS = 'http://www.w3.org/2000/svg';   const root = document.documentElement;
  • Network accessline 5
    const NS = 'http://www.w3.org/2000/svg';
  • Network accessline 818
    }   const LIBS = {     gifenc: 'https://cdn.jsdelivr.net/npm/gifenc@1.0.3/dist/gifenc.esm.js',
  • Network accessline 819
    const LIBS = {     gifenc: 'https://cdn.jsdelivr.net/npm/gifenc@1.0.3/dist/gifenc.esm.js',     mp4: 'https://cdn.jsdelivr.net/npm/mp4-muxer@5.2.2/build/mp4-muxer.mjs',
  • Network accessline 820
    gifenc: 'https://cdn.jsdelivr.net/npm/gifenc@1.0.3/dist/gifenc.esm.js',
  • Network accessline 821
    mp4: 'https://cdn.jsdelivr.net/npm/mp4-muxer@5.2.2/build/mp4-muxer.mjs',
  • Network accessline 822
    webm: 'https://cdn.jsdelivr.net/npm/webm-muxer@5.1.4/build/webm-muxer.mjs',
  • Network accessline 845
    const ownFaces = (document.getElementById('sc-brand-faces') || {}).textContent || '';     const toData = async (url) => {       const buf = new Uint8Array(await (await fetch(url)).arrayBuffer());
  • Network accessline 846
    const toData = async (url) => {       const buf = new Uint8Array(await (await fetch(url)).arrayBuffer());       let bin = '';
  • Network accessline 847
    const buf = new Uint8Array(await (await fetch(url)).arrayBuffer());
  • Network accessline 851
    };     fontCss = Promise.all(fams.map(async (f) => {       const css = await (await fetch(`https://fonts.googleapis.com/css2?family=${f}&text=${text}&display=swap`)).text();
  • Network accessline 852
    fontCss = Promise.all(fams.map(async (f) => {       const css = await (await fetch(`https://fonts.googleapis.com/css2?family=${f}&text=${text}&display=swap`)).text();       const faces = css.match(/@font-face\s*{[^}]*}/g) || [];
  • Network accessline 853
    const css = await (await fetch(`https://fonts.googleapis.com/css2?family=${f}&text=${text}&display=swap`)).text();
  • Dangerous shell operationline 1096
    const rm = hash.match(/^route=([^,]+),(.+)$/);

skills/seecode/scripts/lib/viewer/viewer.css.mjs

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/seecode.mjs

  • Executable scriptline 1
    #!/usr/bin/env node

skills/seecode/scripts/vendor/gifenc.js

  • Executable scriptline 1
    Executable file

skills/seecode/scripts/vendor/mp4-muxer.js

  • Executable scriptline 1
    Executable file
  • Network accessline 539
    // https://stackoverflow.com/a/54803118
  • Network accessline 1221
    // https://wiki.multimedia.cx/index.php/MPEG-4_Audio

skills/seecode/scripts/vendor/webm-muxer.js

  • Executable scriptline 1
    Executable file
  • Network accessline 610
    var MAX_CHUNK_LENGTH_MS = 2 ** 15;   var CODEC_PRIVATE_MAX_SIZE = 2 ** 13;   var APP_NAME = "https://github.com/Vanilagy/webm-muxer";
  • Network accessline 611
    var CODEC_PRIVATE_MAX_SIZE = 2 ** 13;   var APP_NAME = "https://github.com/Vanilagy/webm-muxer";   var SEGMENT_SIZE_BYTES = 6;
  • Network accessline 612
    var APP_NAME = "https://github.com/Vanilagy/webm-muxer";

How the signals fit together

Facts from a static read of the files at the pinned commit. They describe what the code does, not why.

Some files could not be read; the facts below still hold.

Declared and executed: 9 facts
Signal confidence: 128 facts

and 78 more

Works with

Agent compatibility, from the files in this repository
AgentStatusEvidenceInstall to
Claude CodeNativeManifest .claude-plugin/marketplace.json.claude/skills/<skill-name>/
CodexCompatibleStandard SKILL.md skills/seecode/SKILL.md.agents/skills/<skill-name>/
CursorCompatibleStandard SKILL.md skills/seecode/SKILL.md.cursor/skills/<skill-name>/
Gemini CLICompatibleStandard SKILL.md skills/seecode/SKILL.md.gemini/skills/<skill-name>/
GitHub CopilotCompatibleStandard SKILL.md skills/seecode/SKILL.md.github/skills/<skill-name>/
OpenCodeCompatibleStandard SKILL.md skills/seecode/SKILL.md.opencode/skills/<skill-name>/
  • Native The repository ships a manifest, folder or frontmatter field for this agent.
  • Compatible A standard SKILL.md that this agent can read.
  • Unknown No evidence either way.

Derived automatically from paths, manifests and frontmatter. Not tested on each agent.

Add this badge to your README

It updates every night and links to this page.

Aryanutkarsh/SeeCode: #977 on hotskills, 892 stars

[![Aryanutkarsh/SeeCode on hotskills](https://hotskills.dev/badge/aryanutkarsh-seecode.svg)](https://hotskills.dev/skill/aryanutkarsh-seecode/)