Four frontend skills are on sale now. Pay once, download straight away with your licence key.

See the catalogue
AI Skill Up
Browse skills

references/ or assets/: where a skill's extra files belong

Some files in a skill are for Claude to read; others are for Claude to copy into the user's project. Keeping the two apart makes a skill clearer and cheaper.

Once a skill has more than a SKILL.md, its extra files tend to pile up in one folder. Splitting them by purpose makes the skill easier for Claude to use and for people to maintain.

FolderForExamples
references/Claude to readComponent recipes, rules in depth, API notes
assets/Claude to use in outputTemplates, starter files, fonts, images
scripts/Claude to runValidators, generators, preflight checks

Say what to do with each

SKILL.md should tell Claude which references to read, which assets to copy, and which scripts to run, each at the right step. A file nobody points to is dead weight.

The full layout is in skill folder structure, and running scripts well is in scripts or instructions.

Questions

What is the difference between references and assets in a skill?

References are read by Claude to understand how to do the job. Assets are files used in the output: templates, starter files, images or fonts to copy into the project.

Does Claude read asset files?

Only if a step needs to. They are meant to be used or copied, not studied, so they do not need to be loaded into context to be useful.

Can one file be both?

A token CSS file can be both read and copied. Put it where its main job is, and say in SKILL.md what to do with it.

Or skip the afternoonand drop one in.

Every skill in the catalogue is a folder you drop into your skills directory. Each ships with its design rules, worked examples and a troubleshooting table, and downloads the moment you pay.