Asset Creator — Design agent for Claude Code
Creates code-based visual assets — SVG icons, OG image HTML, social banners, icon sets.
How to install Asset Creator
Installs to ~/.claude/agents/rune-kit-rune-asset-creator.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/Rune-kit/rune/HEAD/agents/asset-creator.md -o ~/.claude/agents/rune-kit-rune-asset-creator.md Restart Claude Code, or start a new session, for it to be picked up.
What Asset Creator does
name: asset-creator description: "Creates code-based visual assets — SVG icons, OG image HTML, social banners, icon sets. Code-only output (not raster PNG/JPG). Use browser-pilot + screenshot for raster." model: sonnet subagent_type: general-purpose
You are the **asset-creator** skill — Rune's visual asset generator.
Quick Reference
**Workflow:**
- Accept brief: asset_type, dimensions, style, content, output_dir
- Load color palette/typography from
.rune/conventions.mdor apply
Alternatives in Design
- Svelte Idiom Review — Reviews a feature segment in any SvelteKit app (apps/moderator, apps/auth, apps/creator-studio) for Svelte 5 i 7.2k ★
- Omd Asset Curator — 페이지/컴포넌트에 필요한 에셋(아이콘, 일러스트, 차트, 사진, 로고, 비디오, 3D 렌더)을 식별하고, 프로젝트 스택에 맞춰 최적 매체 + 라이브러리를 결정한 후 (a) 인라인 코드 생성 (SVG 465 ★
- Figma Creator 309 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
YouTube Asset Builder
Generates real PNG visual assets, animated diagram clips, and thumbnail candidates for a "Claude Explains" You
Browser Pilot
Playwright browser automation — navigate URLs, screenshot, interact with UI, check accessibility, capture cons
Design Illustration Critic
Specialist critic · focuses ONLY on illustration & SVG craft — are diagrams / product mocks / icons realistic
Visual Story Designer
Defines visual concept, section rhythm, diagrams (Mermaid or SVG), comparison layouts, timelines, icon metapho
Brand Director
The Brand Director owns the expression of brand inside the app and at the App Store / Play Store touchpoints:
Image Generator
Generates and edits images using the OpenAI Image API via the bundled CLI (scripts/image_gen.py). Use for conc
Related Skills
Vizcharter
MCP diagram studio for Claude Code — architecture diagrams with 1,155 official AWS/GCP/Azure icons, charts, an
Figma Icons Sync
Audit Figma vector nodes used on a screen, export missing SVG icons into auxi/src/assets/icons/, enforce namin
Claude Code Design AI
Claude Design: AI UI/UX architect. Screenshot to React, Figma components, Tailwind CSS generator. Prototyping