Agent skills
The React packages include agent skills: instructions that teach a coding agent, such as Claude Code, to use the package. The skills are in the skills folder of the package, and they match the installed version.
| Package | Skill | Use |
|---|---|---|
@awesome-reveal/react |
adding-reveal-animations |
Add reveal animations with Reveal and useReveal. |
@awesome-reveal/react |
migrating-from-v4 |
Migrate code from react-awesome-reveal v4. |
react-awesome-reveal |
migrating-from-v4 |
The same skill, for projects that upgrade to version 5. |
pnpm 12.11 and later link the skills of your dependencies into your project. pnpm links nothing until you approve the package:
- Install the package. pnpm lists the direct dependencies with skills that wait for approval.
- Run
pnpm approve, and choose the package. pnpm writes the approval topnpm-workspace.yaml.
The approval covers all the skills of the package, also in later versions. pnpm links each skill as pnpm-<package>-<skill>, for example pnpm-@awesome-reveal+react-adding-reveal-animations:
- pnpm links into the agent skill folders that exist in the workspace root, such as
.claude/skillsor.cursor/skills. - When pnpm detects an agent, such as Claude Code or Cursor, it creates the skill folder of that agent.
- To choose the folders yourself, set
skills.dirs. An empty list turns off the links.
pnpm adds a .gitignore to each skill folder, so the links stay out of Git. Global installs, pnpm dlx and pnpm deploy do not link skills.
Other package managers
Section titled “Other package managers”Copy or link the skill folders from node_modules/<package>/skills/ into the skills folder of your agent. For Claude Code, this folder is .claude/skills/.