#601

Global Rank · of 601 Skills

asset-manager AI Agent Skill

View Source: oakoss/agent-skills

Critical

Installation

npx skills add oakoss/agent-skills --skill asset-manager

39

Installs

Asset Manager

Manages design assets across projects: directory organization, naming conventions, image/font optimization, brand libraries, and version control. Use when assets need to be organized, compressed, converted to modern formats, or tracked across releases. Not for runtime image transformations or CDN configuration beyond path prefixing.

Quick Reference

Task Tool / Approach Key Points
Image optimization Sharp Resize, compress, convert to WebP/AVIF/JPEG/PNG
SVG optimization SVGO (v4+) removeViewBox and removeTitle off by default in v4
Font conversion woff2_compress, sfnt2woff TTF/OTF to WOFF2 (primary) + WOFF (fallback)
Font subsetting Glyphhanger Remove unused glyphs, auto-detect from crawled pages
Responsive images Sharp breakpoints Generate mobile (640), tablet (768), desktop (1920) variants
Asset versioning SHA-256 hash tracking asset-versions.json manifest with change detection
Large files in git Git LFS Track PSD, AI, Sketch, Figma, MP4, MOV files
Brand assets Typed manifest BrandAssets interface with logos, colors, typography

Directory Structure

Directory Contents
assets/images/{category}/ Products, team, marketing, UI images
assets/icons/svg/ SVG icon files
assets/fonts/{family}/ WOFF2 + WOFF font files
assets/videos/ Video assets
assets/logos/svg/, png/, variants/ Logo formats and color variants
brand/ Colors JSON, typography JSON, guidelines

Naming Conventions

Asset Type Pattern Example
Images {category}-{description}-{size}.{format} product-hero-1920x1080.jpg
Icons {icon-name}-{variant}.svg home-outline.svg
Fonts {font-family}-{weight}.{format} Inter-Regular.woff2
Logos logo-{variant}.{format} logo-full.svg, logo-white.svg

Optimization Targets

Format Tool Use Case
WebP Sharp Primary web images
AVIF Sharp Modern browsers, best compression
JPEG Sharp (mozjpeg) Fallback photos
PNG Sharp UI elements with transparency
SVG SVGO Icons and logos
WOFF2 woff2_compress Primary web fonts
WOFF sfnt2woff Font fallback

Pipeline Steps

Step Action
Organize Sort unsorted assets by naming rules into directories
Optimize images Resize, compress, generate WebP/AVIF variants
Responsive images Generate mobile/tablet/desktop breakpoint sizes
Optimize fonts Convert TTF/OTF to WOFF2 + WOFF
Version Hash-based tracking with asset-versions.json

Common Mistakes

Mistake Fix
Committing raw design files to git Use Git LFS for PSD, AI, Sketch, Figma, video files
Serving original-size images Generate responsive variants at breakpoints
Using only JPEG/PNG Generate WebP + AVIF with fallbacks
No font subsetting Use Glyphhanger to subset unused glyphs
Missing font-display: swap Always set on @font-face to avoid FOIT
No CDN for assets Prefix asset paths with CDN_URL env variable
Using imagemin for new projects Use Sharp directly; imagemin is unmaintained
Using SVGO v3 plugin config with v4 removeViewBox and removeTitle are off by default in v4

Delegation

  • Discover asset organization patterns in a codebase: Use Explore agent to find existing asset directories, naming conventions, and optimization scripts
  • Optimize a batch of images or fonts: Use Task agent to run Sharp pipelines, font conversions, and responsive image generation
  • Plan a complete asset pipeline: Use Plan agent to design directory structure, naming conventions, optimization steps, and CI integration

References

Installs

Installs 39
Global Rank #601 of 601

Security Audit

ath High
socket Safe
Alerts: 0 Score: 90
snyk Low
EU EU-Hosted Inference API

Power your AI Agents with the best open-source models.

Drop-in OpenAI-compatible API. No data leaves Europe.

Explore Inference API

GLM

GLM 5

$1.00 / $3.20

per M tokens

Kimi

Kimi K2.5

$0.60 / $2.80

per M tokens

MiniMax

MiniMax M2.5

$0.30 / $1.20

per M tokens

Qwen

Qwen3.5 122B

$0.40 / $3.00

per M tokens

How to use this skill

1

Install asset-manager by running npx skills add oakoss/agent-skills --skill asset-manager in your project directory. Run the install command above in your project directory. The skill file will be downloaded from GitHub and placed in your project.

2

No configuration needed. Your AI agent (Claude Code, Cursor, Windsurf, etc.) automatically detects installed skills and uses them as context when generating code.

3

The skill enhances your agent's understanding of asset-manager, helping it follow established patterns, avoid common mistakes, and produce production-ready output.

What you get

Skills are plain-text instruction files — not executable code. They encode expert knowledge about frameworks, languages, or tools that your AI agent reads to improve its output. This means zero runtime overhead, no dependency conflicts, and full transparency: you can read and review every instruction before installing.

Compatibility

This skill works with any AI coding agent that supports the skills.sh format, including Claude Code (Anthropic), Cursor, Windsurf, Cline, Aider, and other tools that read project-level context files. Skills are framework-agnostic at the transport level — the content inside determines which language or framework it applies to.

Data sourced from the skills.sh registry and GitHub. Install counts and security audits are updated regularly.

EU Made in Europe

Chat with 100+ AI Models in one App.

Use Claude, ChatGPT, Gemini alongside with EU-Hosted Models like Deepseek, GLM-5, Kimi K2.5 and many more.

Start for free View pricing
Customer Support