nadicode-ai-designer

nadicode-ai-designer

Cross-agent skill that generates visual assets — icons, illustrations, logos, hero images, patterns, Lottie animations, and short video clips — by routing each request to the best AI provider for the job.

npx skills add vadimcomanescu/nadicode-ai-designer

Works in Claude Code, OpenAI Codex CLI, Cursor, GitHub Copilot CLI, Gemini CLI, Goose, OpenHands, Amp, Windsurf, JetBrains Junie, Continue, OpenCode, and (read-only) Aider. npx skills auto-detects the active agent and installs to the right directory. See the install table below for the per-runtime command.

What it is

A single installable skill that teaches your coding agent how to produce real visual assets and hands it the scripts to call seven AI image/video providers. The agent reads SKILL.md, decides which provider fits the request, optionally loads a per-provider prompting reference, then either writes SVG directly (the agent-svg path) or invokes one of the bundled scripts (for everything else; agents that cannot author SVG fall back to Recraft with --format svg). Scripts return a single JSON document on stdout, so agent automation is trivial.

Install

One command (all supported agents):

npx skills add vadimcomanescu/nadicode-ai-designer

This uses the Vercel Labs skills CLI, which auto-detects the active agent and copies the skill into the correct per-runtime directory. Tested install paths:

Runtime	Install command	Install location
Claude Code	/plugin marketplace add vadimcomanescu/nadicode-ai-designer then /plugin install nadicode-ai-designer@nadicode-ai-designer	~/.claude/plugins/nadicode-ai-designer/
OpenAI Codex CLI	npx skills add vadimcomanescu/nadicode-ai-designer	.agents/skills/
Cursor	npx skills add vadimcomanescu/nadicode-ai-designer -a cursor	.cursor/skills/nadicode-ai-designer/
GitHub Copilot CLI	/plugin install vadimcomanescu/nadicode-ai-designer	managed by Copilot
Gemini CLI	gemini extensions install vadimcomanescu/nadicode-ai-designer	~/.gemini/extensions/
Goose	npx skills add vadimcomanescu/nadicode-ai-designer	.agents/skills/
OpenHands	npx skills add vadimcomanescu/nadicode-ai-designer	.openhands/skills/
Amp	amp skill add vadimcomanescu/nadicode-ai-designer	~/.config/amp/skills/
Windsurf	UI: Cascade → Skills → Add, or manual copy	.windsurf/skills/nadicode-ai-designer/
Continue	npx skills add vadimcomanescu/nadicode-ai-designer -a continue	.continue/skills/nadicode-ai-designer/
JetBrains Junie	Manual copy or Junie CLI (beta)	.junie/skills/nadicode-ai-designer/
OpenCode	npx skills add vadimcomanescu/nadicode-ai-designer	.opencode/skills/
Aider	aider --read SKILL.md (per session; no persistent install)	in-context

Prerequisites:

• Node 20 or newer on PATH (for invoking the bundled scripts).
• At least one provider API key (see Secrets below). The agent-svg path needs no key when your agent authors SVG directly; otherwise it falls back to Recraft (shared REPLICATE_API_TOKEN).

60-second demo

Inside any skill-compatible agent, after install:

user: make me a search icon, 24x24

The agent will:

1. Read SKILL.md → route to agent-svg.
2. Read references/agent-svg.md → apply the prompting rules.
3. If the calling agent can author SVG code: write search.svg directly to disk. No API call, no token.
4. Otherwise: run node scripts/generate-recraft.js --prompt "..." --format svg --output search.svg --json (requires REPLICATE_API_TOKEN).

user: give me a hero background for my landing page, deep blue, cinematic, 1920x1080

The agent will:

1. Read SKILL.md → route to FLUX.
2. Read references/flux-prompting.md → construct a positive-phrasing prompt with hex colors tied to objects.
3. Run node scripts/generate-flux.js --prompt "..." --size 1920x1080 --output hero.png --json.
4. Report the output path to you.

Providers

Provider	Best for	Format	Env var
agent-svg (agent-native, Recraft fallback)	Icons, geometric patterns, section dividers	SVG	none (fallback uses REPLICATE_API_TOKEN)
Recraft	Vector illustrations, Lottie animations, SVG fallback	SVG, JSON	REPLICATE_API_TOKEN
FLUX	Artistic raster, hero backgrounds, abstract	PNG, WebP	REPLICATE_API_TOKEN
OpenAI Images	Photorealistic, avatars, product shots	PNG	OPENAI_API_KEY
Ideogram	Typography-heavy graphics, logos, wordmarks	PNG	IDEOGRAM_API_KEY
Nano Banana	General-purpose raster	PNG	GOOGLE_API_KEY
Veo	Short video clips (up to ~6 min to generate)	MP4	GOOGLE_API_KEY

See references/provider-knowledge.md for capability details and pricing.

Agent contract (JSON mode)