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.

主な機能

Built-in support for CSS animations, gradients, and clipping masks.
Responsive coordinate system management using optimized viewBox attributes.
Pure SVG code generation with transparent backgrounds and no external dependencies.
Integrated icon fetching tools for accurate brand logos and UI symbols.
Specialized modules for primitive character creation and complex pathing.
15 GitHub stars

ユースケース

Generating custom UI icons and brand-specific logos for frontend development.
Creating primitive vector characters and assets for AI-generated video content.
Designing complex diagrams, arrows, and technical illustrations for documentation.

概要

主な機能

Built-in support for CSS animations, gradients, and clipping masks.
Responsive coordinate system management using optimized viewBox attributes.
Pure SVG code generation with transparent backgrounds and no external dependencies.
Integrated icon fetching tools for accurate brand logos and UI symbols.
Specialized modules for primitive character creation and complex pathing.
15 GitHub stars

ユースケース

Generating custom UI icons and brand-specific logos for frontend development.
Creating primitive vector characters and assets for AI-generated video content.
Designing complex diagrams, arrows, and technical illustrations for documentation.