Skip to main content

Skills and Tools

Use this playbook when setting up/adjusting skills and external tooling.

Context7 (library docs)​

For up-to-date docs on libraries.

npx skills add https://github.com/intellectronica/agent-skills --skill context7

Playwright CLI​

Use playwright-cli for browser automation (navigation, interaction, screenshots, tests, extraction).

When using playwright-cli for repo UI verification, do not stop after one engine. Run the relevant flow in all three main browser engines:

  • chrome for Blink
  • firefox for Gecko
  • webkit for Safari/WebKit coverage

Use separate named sessions per engine so evidence stays isolated. If an engine is intentionally skipped, record why.

npm install -g @playwright/cli@latest
playwright-cli install --skills

Skill install locations:

  • .cursor/skills/playwright-cli/
  • .claude/skills/playwright-cli/

Vercel React Best Practices​

For deeper React/Next performance guidance.

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices

Find Skills​

Discover/install skills from the open ecosystem.

npx skills add https://github.com/vercel-labs/skills --skill find-skills

MCP Policy Rationale​

Avoid GitHub MCP and browser MCP servers for this project because they add significant tool-schema/context overhead.

  • GitHub operations: use gh CLI.
  • Browser operations: use playwright-cli.

Model Availability​

  • composer-2 is available only in Cursor. Do not configure it under .claude/ or .codex/.
  • Codex does not document a latest model alias. Committed custom-agent TOMLs under .codex/**/agents/*.toml omit both model and model_reasoning_effort so they inherit the current parent session settings.