#601

Globales Ranking · von 601 Skills

asset-manager AI Agent Skill

Quellcode ansehen: oakoss/agent-skills

Critical

Installation

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

40

Installationen

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

Installationen

Installationen 40
Globales Ranking #601 von 601

Sicherheitsprüfung

ath High
socket Safe
Warnungen: 0 Bewertung: 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

So verwenden Sie diesen Skill

1

Install asset-manager by running npx skills add oakoss/agent-skills --skill asset-manager in your project directory. Führen Sie den obigen Installationsbefehl in Ihrem Projektverzeichnis aus. Die Skill-Datei wird von GitHub heruntergeladen und in Ihrem Projekt platziert.

2

Keine Konfiguration erforderlich. Ihr KI-Agent (Claude Code, Cursor, Windsurf usw.) erkennt installierte Skills automatisch und nutzt sie als Kontext bei der Code-Generierung.

3

Der Skill verbessert das Verständnis Ihres Agenten für asset-manager, und hilft ihm, etablierte Muster zu befolgen, häufige Fehler zu vermeiden und produktionsreifen Code zu erzeugen.

Was Sie erhalten

Skills sind Klartext-Anweisungsdateien — kein ausführbarer Code. Sie kodieren Expertenwissen über Frameworks, Sprachen oder Tools, das Ihr KI-Agent liest, um seine Ausgabe zu verbessern. Das bedeutet null Laufzeit-Overhead, keine Abhängigkeitskonflikte und volle Transparenz: Sie können jede Anweisung vor der Installation lesen und prüfen.

Kompatibilität

Dieser Skill funktioniert mit jedem KI-Coding-Agenten, der das skills.sh-Format unterstützt, einschließlich Claude Code (Anthropic), Cursor, Windsurf, Cline, Aider und anderen Tools, die projektbezogene Kontextdateien lesen. Skills sind auf Transportebene framework-agnostisch — der Inhalt bestimmt, für welche Sprache oder welches Framework er gilt.

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
Kundensupport