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
Install
daffy0208/ai-dev-standards/asset-manager · repository language: TypeScript
git clone https://github.com/daffy0208/ai-dev-standards
cp -r ai-dev-standards/skills/asset-manager ~/.claude/skills/asset-managerFrequently 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)
Read as markdown · JSON record · Browse the source repository
File tree — 2 files
skills/asset-manager/SKILL.md
skills/asset-manager/manifest.yaml