d3-viz 精选

Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke visualisations beyond standard charting libraries, whether in React, Vue, Svelte, vanilla JavaScript, or any other environment.

媒体 Claude Code Codex CLI Cursor Windsurf AGPL-3.0 6.8 万

在 GitHub 打开

安装方式

cp -r .agents/skills/d3-viz ~/.claude/skills/d3-viz

把该 skill 目录放进客户端 skills 目录。不同客户端的目录可能不同，Claude Code 默认是 ~/.claude/skills/

整仓一次性获取：git clone --depth 1 https://github.com/calesthio/OpenMontage.git

依赖与权限

无需 API Key
需要联网访问外部服务
依赖外部命令：node make
以上为按正文与 frontmatter 自动推断的信号，仅供参考；安装前建议先阅读原文。

摘要与原文

本站未内联该 skill 的正文（许可不在允许再分发的白名单内，或作者未声明许可）。下面是本站撰写的摘要，完整内容请查看原文。

Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke visualisations beyond standard charting libraries, whether in React, Vue, Svelte, vanilla JavaScript, or any other environment.

查看原文（GitHub）

质量与来源

所属仓库: calesthio/OpenMontage
仓库星标: 6.8 万
最近更新: 昨天
采集时间: 今天
commit: e45f5b12bd46
内容指纹: sha256:4b1f820cd87c55d
文件路径: .agents/skills/d3-viz/SKILL.md

同仓库其它 Skill

查看全部 50 个

3d-asset-generation

Generate, reconstruct, inspect, and route production 3D assets for OpenMontage worlds using Atlas Cloud, fal.ai, licensed catalogs, and Blender.

精选 calesthio/OpenMontage 6.8 万原文

Claude CodeCodex CLICursor

AI music generation with ACE-Step 1.5 — background music, vocal tracks, covers, stem extraction for video production. Use when generating music, soundtracks, jingles, or working with audio stems. Triggers include background music, soundtrack, jingle, music generation, stem extraction, cover, style transfer, or musical composition tasks.

精选 calesthio/OpenMontage 6.8 万原文

Claude CodeCodex CLICursor

Build voice AI agents with ElevenLabs. Use when creating voice assistants, customer service bots, interactive voice characters, or any real-time voice conversation experience.

精选 calesthio/OpenMontage 6.8 万原文

Claude CodeCodex CLICursor

Generate AI videos from text prompts using multiple provider gateways. Use when: (1) Generating videos from text descriptions, (2) Creating AI-generated video clips for content production, (3) Image-to-video generation with a reference image, (4) Choosing between video generation providers (VEO, Kling, Sora, Runway, Seedance, MiniMax, Gemini Omni). Supports gateways: HeyGen API, fal.ai API, Kling official direct API, and the Gemini API (Gemini Omni Flash).

精选 calesthio/OpenMontage 6.8 万原文

Claude CodeCodex CLICursor

Generate or edit images and videos through the Atlas Cloud gateway. Use for Atlas-hosted Seedance 2.5/2.0, Gemini Omni Flash, MiniMax H3, Seedream 5.0, GPT Image 2, Nano Banana 2, or when one ATLASCLOUD_API_KEY should access multiple media model families.

精选 calesthio/OpenMontage 6.8 万原文

Claude CodeCodex CLICursor

Create AI avatar videos with precise control over avatars, voices, scripts, scenes, and backgrounds using HeyGen's v2 API. Use when: (1) Choosing a specific avatar and voice for a video, (2) Writing exact scripts for an avatar to speak, (3) Building multi-scene videos with different backgrounds per scene, (4) Creating transparent WebM videos for compositing, (5) Using talking photos as video presenters, (6) Integrating HeyGen avatars with Remotion, (7) Batch video generation with exact specs, (8) Brand-consistent production videos with precise control.

精选 calesthio/OpenMontage 6.8 万原文

Claude CodeCodex CLICursor

相似 Skill

更多「媒体」

Universal release workflow. Auto-detects version files and changelogs. Supports Node.js, Python, Rust, Claude Plugin, GitHub Releases, annotated tags, historical release backfill, and generic projects. Use when user says "release", "发布", "new version", "bump version", "push", "推送", "release notes", "GitHub Release", or "回填 Release".

精选 JimLiu/baoyu-skills 2.7 万原文

Claude CodeCodex CLI

baoyu-article-illustrator

Analyzes article structure, identifies positions requiring visual aids, generates illustrations with Type × Style × Palette three-dimension approach. Use when user asks to "illustrate article", "add images", "generate images for article", or "为文章配图".

精选 JimLiu/baoyu-skills 2.7 万原文

Claude CodeCodex CLI

Knowledge comic creator supporting multiple art styles and tones. Creates original educational comics with detailed panel layouts and batch-capable image generation. Use when user asks to create "知识漫画", "教育漫画", "biography comic", "tutorial comic", or "Logicomix-style comic".

精选 JimLiu/baoyu-skills 2.7 万原文

Claude CodeCodex CLI

baoyu-compress-image

Compresses images to WebP (default) or PNG with automatic tool selection. Use when user asks to "compress image", "optimize image", "convert to webp", or reduce image file size.

精选 JimLiu/baoyu-skills 2.7 万原文

Claude CodeCodex CLI

baoyu-cover-image

Generates article cover images with 5 dimensions (type, palette, rendering, text, mood) combining 11 color palettes and 7 rendering styles. Supports cinematic (2.35:1), widescreen (16:9), and square (1:1) aspects. Use when user asks to "generate cover image", "create article cover", or "make cover".

精选 JimLiu/baoyu-skills 2.7 万原文

Claude CodeCodex CLI

baoyu-danger-gemini-web

Generates images and text via reverse-engineered Gemini Web API. Supports text generation, image generation from prompts, reference images for vision input, and multi-turn conversations. Use when other skills need image generation backend, or when user requests "generate image with Gemini", "Gemini text generation", or needs vision-capable AI generation.

精选 JimLiu/baoyu-skills 2.7 万原文

Claude CodeCodex CLI