Can I create animated assets with this skill?

Yes, the skill supports adding CSS-based animations within the SVG structure for effects like muzzle flashes, pulsing, or rotations.

Can I define custom shapes or characters?

Yes, the skill includes specific guidelines for path creation and primitive character design to build unique visuals from scratch.

Are the generated assets compatible with modern frameworks?

Absolutely. While it outputs pure SVG, the code can be easily copied into React, Vue, Svelte, or standard HTML/CSS projects.

Does this skill require external design software?

No, Asset Creator generates pure SVG code directly within the Claude Code environment without needing tools like Adobe Illustrator or Figma.

How does the icon fetching work?

The skill uses integrated tools to search for and retrieve SVG path data from icon libraries to ensure high-quality, recognizable shapes.

Asset Creator

Name: Asset Creator
Author: outscal

byoutscal

•

デザインツール

Generates professional SVG icons, logos, and custom visual characters using pure SVG code and CSS animations.

Asset Creator is a specialized Claude Code skill designed to streamline the production of scalable vector graphics directly within the development workflow. It enables the creation of high-quality logos, icons, and primitive characters by either fetching reference designs via integrated search tools or constructing custom shapes from scratch using advanced pathing and transform logic. The skill adheres to strict technical standards, including transparent backgrounds, optimized viewBox settings, and pure CSS-based animations, ensuring all generated assets are production-ready for web and video applications.

主な機能

01Built-in support for CSS animations, gradients, and clipping masks.

02Responsive coordinate system management using optimized viewBox attributes.

03Pure SVG code generation with transparent backgrounds and no external dependencies.

04Integrated icon fetching tools for accurate brand logos and UI symbols.

05Specialized modules for primitive character creation and complex pathing.

0615 GitHub stars

ユースケース

01Generating custom UI icons and brand-specific logos for frontend development.

02Creating primitive vector characters and assets for AI-generated video content.

03Designing complex diagrams, arrows, and technical illustrations for documentation.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add outscal/video-generator asset-creator

For use in Claude.ai and ChatGPT

Download Skill