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/.
  • For .codex/agents/**, use gpt-5.4 by default and reserve gpt-5.4-mini for intentionally lightweight tasks. Do not use gpt-5.3-codex or gpt-5.3-codex-spark.