Skills
.Work. You
Rest

visual-assets

Community

Create and optimize visuals to speed UI.

Design & Creative#graphics#SVG#assets#visual-design#image-optimization#responsive-images
Authordralgorhythm
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps teams create and optimize visual assets (icons, images, and graphics) to improve UI clarity and reduce page weight, speeding up development cycles.

Core Features & Use Cases

  • Asset Types & Formats: Guidance on icons, images, and graphics (SVG, PNG, WebP, AVIF) and when to use each.
  • Optimization Practices: Best practices for compression, responsive images, and SVG optimization.
  • Use Case: Design a dashboard by generating a cohesive icon set and optimized images for faster rendering.

Quick Start

Generate a starter set of icons and an optimized hero image for the home screen.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: visual-assets
Download link: https://github.com/dralgorhythm/claude-agentic-framework/archive/main.zip#visual-assets

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository