Setup

How to install one

Three steps. It takes about thirty seconds.

1. Copy the folder

Every skill page here has its own install command. It pulls just that one skill folder into your project.

npx degit MengTo/Skills/agent-skills/web-design/landing-page .claude/skills/landing-page

Run it in your project root. You can also just download the folder from GitHub and drop it in yourself. There is nothing clever going on: a skill is a folder with a SKILL.md inside.

2. Ask for what you want

Describe the page. Your agent reads the header of every installed skill, decides which ones are relevant, and loads them.

Build the marketing page for my time tracking app.

3. Name it if it does not load

Skills load on relevance, and sometimes the agent guesses wrong. If it ignores the skill, say the name.

Use the landing-page skill and build the marketing page for my time tracking app.

Where the folder goes

Different agents look in different places.

  • Claude Code: .claude/skills/ in the project, or ~/.claude/skills/ to have it everywhere.
  • Codex, Cursor, Windsurf: the same folder works. Some also read .agents/skills/.
  • Anything else: if it reads SKILL.md, point it at the folder.

Do not install all 230

Every installed skill costs the agent attention. Install the three or four that match what you are building and delete the rest. A tight set beats a big one.