Getting started
Installing takes one command. The rest of this page is about confirming it worked and knowing where the files went.
Requirements
Node.js 20 or later, and Claude Code — or another environment that supports Agent Skills. The CLI has no dependencies of its own, so npx pulls one small package and nothing else. Claude Code.
Install
Go to your project
Skills installed this way belong to the project and can be committed, so your whole team gets them.
$ cd my-websiteSee what is available
Optional, but it shows you the current contents of the skillset rather than what a page once said about it.
$ npx cg-web-skills list Available skills: cg-web-animate Expert skill for designing, implementing… cg-web-designer Lead web designer, UX strategist…Install the skillset
Or pick individual skills by name instead of using --all.
$ npx cg-web-skills install --all
Installing globally instead
If you want the skills in every project rather than one, install them into your personal Claude directory. With --global, that directory is $CLAUDE_CONFIG_DIR when the variable is set, and ~/.claude otherwise.
$ npx cg-web-skills install --all --global
Where the skills end up
| Scope | Directory | Available in |
|---|---|---|
| Project (default) | <project>/.claude/skills/<skill>/ | This project only. Can be committed and shared with your team. |
| Personal (--global) | ~/.claude/skills/<skill>/ | All your projects. |
Confirm it worked
Start Claude Code in the project and ask which skills it has available. The installed CG Web Skills should be listed. If they are not, check that .claude/skills/ sits at the root of the directory you opened Claude in.
Next
Nothing else is required. Describe the website you want and Claude will do the rest.
$ npx cg-web-skills install --all