static-files-assets

Community

Organize and optimize static assets across builds.

Authorwonkpentink
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a comprehensive guide for organizing static files and assets in src/assets/ and public/assets/, helping teams decide when to bundle with Vite versus serving publicly without optimization, and ensuring consistent directory structures.

Core Features & Use Cases

  • Organize icons, images, and illustrations into clear src/assets and public/assets locations.
  • Define naming conventions (ic-, logos, images) and best practices for asset imports and public URL references.
  • Use in real projects to decide between bundled assets for components and publicly served assets for large collections or unchanged resources.

Quick Start

Organize your assets by categorizing icons under public/assets/icons and images under public/assets/images, and import small bundled assets from src/assets when used in code.

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: static-files-assets
Download link: https://github.com/wonkpentink/agent-skills-fe/archive/main.zip#static-files-assets

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

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.