Asset Manager
Asset Manager streamlines design asset workflows through structured organization, automated file placement, and built-in optimization. It provides naming conventions for images, icons, and fonts alongside scripts for compressing assets and generating responsive variants across multiple formats.
Asset Manager helps you organize design assets with automated workflows and optimization tools for faster development.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2025-12-25
Asset Manager helps you organize design assets with automated workflows and optimization tools for faster development. Asset Manager streamlines design asset workflows through structured organization, automated file placement, and built-in optimization. It provides naming conventions for images, icons, and fonts alongside scripts for compressing assets and generating responsive variants across multiple formats.
Use it when
- Asset Manager includes built-in optimization for web performance.
- Asset Manager offers font optimization and conversion tools, including font subsetting and preloading strategies.
Verify before relying
Read SKILL.md below before installing (2 files). Open directory: indexed for reading, not audited.
Similar skills
Install
daffy0208/ai-dev-standards/asset-manager · repository language: TypeScript
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How does Asset Manager help organize design assets?
Asset Manager streamlines design asset workflows through structured organization and automated file placement. The skill provides a systematic approach to arranging images, icons, fonts, and other design files with clear directory structures and naming conventions that accelerate development cycles and reduce asset lookup time.
What image optimization for web does Asset Manager support?
Asset Manager includes built-in optimization for web performance, supporting modern formats like WebP and AVIF alongside traditional formats. The skill generates responsive image variants, compresses assets in batch operations, and provides scripts for reducing file sizes—enabling faster page loads and improved user experience across devices.
How can I manage font files and assets with Asset Manager?
Asset Manager offers font optimization and conversion tools, including font subsetting and preloading strategies. The skill helps organize font files within your asset structure, implements naming conventions for font variants, and automates font processing to reduce bundle size while maintaining design consistency across your project.
What asset naming conventions does Asset Manager establish?
Asset Manager implements standardized naming conventions for images, icons, fonts, and other design files. These conventions support version control integration, enable consistent asset referencing across codebases, and facilitate automated asset processing pipelines—ensuring team members follow predictable naming patterns for faster collaboration.
Can Asset Manager automate asset processing and pipeline workflows?
Asset Manager supports asset pipeline automation through scripts for icon sprite generation, batch image compression, and responsive variant creation. The skill integrates with version control systems like Git LFS for managing large design files, enabling teams to automate repetitive asset tasks and maintain production-ready assets efficiently.
How does Asset Manager help build a centralized brand asset library?
Asset Manager facilitates brand asset library setup by providing structured organization systems, naming conventions, and version control integration. The skill helps teams maintain a single source of truth for design files, implement consistent asset management practices, and ensure brand consistency across projects through centralized asset governance.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
Asset Manager
Keep design assets organized, optimized, and accessible.
Core Principle
Organized assets = faster development.
Assets should be:
- Easy to find
- Properly named
- Optimized for production
- Version controlled
- Consistently formatted
Phase 1: Asset Organization
Directory Structure
assets/
├── images/
│ ├── products/
│ ├── team/
│ ├── marketing/
│ └── ui/
├── icons/
│ ├── svg/
│ └── png/
├── fonts/
│ ├── primary/
│ └── secondary/
├── videos/
├── logos/
│ ├── svg/
│ ├── png/
│ └── variants/
└── brand/
├── colors.json
├── typography.json
└── guidelines.pdf
Naming
(truncated - see the full file via the links below)
File tree — 2 files
skills/asset-manager/SKILL.md
skills/asset-manager/manifest.yaml
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Organize and structure design assets for faster development”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
Asset Manager handles the full lifecycle of design assets: organizing files by naming convention, compressing images into modern formats like WebP and AVIF, converting fonts to WOFF2, and maintaining version control through hash-based tracking. It supports responsive image generation at multiple breakpoints and manages brand asset libraries with typed manifests.
Miniprogram Ci equips AI coding agents with specialized expertise for building and deploying mini programs through automated pipelines. This skill bridges the gap between development and production by providing domain-specific knowledge that helps agents understand mini program architecture, testing requirements, and deployment best practices. Integrate continuous integration workflows directly into your AI agent's capabilities.
Visual Designer guides you through establishing design systems grounded in color theory, type scales, and spacing principles. It covers palette creation using the 60-30-10 rule, WCAG contrast requirements, font pairing strategies, and responsive layout techniques to ensure every visual decision serves your users.
Figma Developer bridges design and development by extracting components, design tokens, and assets directly from Figma into production-ready code. It automates icon export as React components, syncs design decisions as CSS and JSON tokens, and generates component structures—eliminating manual handoff between designers and developers.
Game Art guides you through style selection with decision trees matching your game's tone and budget, from pixel art to PBR 3D. It covers asset pipeline phases for both 2D and 3D workflows, color theory for mood and readability, and animation principles with frame guidelines. Includes naming conventions and folder structures to keep your project organized.
Impeccable handles frontend design work across websites, dashboards, apps, and component systems. It covers visual hierarchy, accessibility, responsive behavior, theming, typography, layout, motion, and design systems—moving from initial critique through live iteration to polished, production-ready code.