How to use

Each skill is its own npm package. Run init in your project: it finds the agents you use and installs the skill in each one’s format. Nothing else changes.

page-as-data

This project, for the agents it uses

npx @keenskills/page-as-data init

Claude Code, in every project

npx @keenskills/page-as-data init --global

Pick the agents yourself

npx @keenskills/page-as-data init --agent claude,cursor

See the plan first, write nothing

npx @keenskills/page-as-data init --dry-run

Remove what init wrote

npx @keenskills/page-as-data uninstall

As a Claude Code plugin

/plugin marketplace add keenskills/skills
/plugin install page-as-data@keenskills

Architecture diagrams

This project, for the agents it uses

npx @keenskills/drawing-architecture-diagrams init

Claude Code, in every project

npx @keenskills/drawing-architecture-diagrams init --global

Pick the agents yourself

npx @keenskills/drawing-architecture-diagrams init --agent claude,cursor

See the plan first, write nothing

npx @keenskills/drawing-architecture-diagrams init --dry-run

Remove what init wrote

npx @keenskills/drawing-architecture-diagrams uninstall

As a Claude Code plugin

/plugin marketplace add keenskills/skills
/plugin install drawing-architecture-diagrams@keenskills

Where init writes

<skill> is the package name. Shared files get a marked block; everything outside the markers stays yours.

Agent	File
Claude Code	.claude/skills/<skill>/SKILL.md
AGENTS.md	AGENTS.md
Gemini CLI	GEMINI.md
Cursor	.cursor/rules/<skill>.mdc
Windsurf	.windsurf/rules/<skill>.md
Cline	.clinerules/<skill>.md
GitHub Copilot	.github/instructions/<skill>.instructions.md