campfire
Angular frontend skills for an Angular NX workspace.
/plugin install campfire@odyssey
Skills
| Skill | Description |
|---|---|
accessibility-audit | WCAG 2.1 AA accessibility audit of a live web page or entire site. Single-page mode runs Lighthouse, deep Playwright DOM evaluation, and interactive checks (keyboard nav, focus management, form error handling, dynamic content). Site mode adds a BFS crawl to discover all reachable routes, audits each page, and produces a combined report with a FigJam flow diagram. Optional Confluence publishing via --confluence flag. Trigger with /accessibility-audit --url=<url>. |
add-unit-tests | Add comprehensive unit tests to an existing Angular entity (component, service, directive). Use when an entity lacks tests, coverage is incomplete, or tests need to be added for new functionality. |
cleanup-stale-branches | Interactively delete stale remote branches — merged into master and older than 30 days — one at a time with user confirmation per branch. |
generate-angular-entity | Generate new Angular components, services, or directives using Nx generators following workspace conventions. Use when creating a new component, service, or directive. |
js-doc | Generate JSDoc documentation for Angular components, services, directives, and other entities. Trigger on "add jsdoc", "add documentation", "document this", "document [entity]", or "update documentation". |
plan-it | Generate a structured feature plan through relentless interrogation and codebase exploration. Stress-tests assumptions, resolves every decision branch, then produces a markdown plan file in .claude/plans/ covering context, requirements, implementation steps, what not to do, acceptance criteria, definition of done, and evals. Use when a team member wants to plan a new feature. |
refactor-entity | Safely refactor an existing Angular entity with impact analysis. Use when changing method signatures, renaming entities, updating to modern Angular patterns, or making breaking changes that affect other parts of the codebase. |
sitemap-visualiser | Crawl a live web application starting from a given URL, discover all reachable pages and states by interacting with navigation elements, and produce a user flow diagram in FigJam or Mermaid format. Designed for SPAs (Angular, React, Vue) where routes may change without full page reloads. Trigger with /sitemap-visualiser <url>. |
teach-me | Teach the user about a topic at their chosen depth. Use when the user invokes "/teach-me" or asks to learn about something. Do NOT trigger unprompted. |
troubleshoot | Diagnose and resolve Angular, Nx, testing, and accessibility issues. Use when builds fail, tests break unexpectedly, linting errors block commits, accessibility violations are detected, or runtime errors occur. |
MCP Servers
| Server | Command | Purpose |
|---|---|---|
playwright | npx @playwright/mcp@latest | Browser automation for accessibility-audit and sitemap-visualiser skills |
Hooks
On every session start, campfire fetches and installs the latest campfire rules bundle from the remote rules server, verifying the download against a SHA-256 checksum before extracting. Rules are written to .claude/rules/odyssey/campfire/ inside the project directory.
SessionStart: RULES_BASE_URL=https://odyssey.echo-station.space/rules ${CLAUDE_PLUGIN_ROOT}/scripts/install-rules.sh campfire
Prerequisites
The install-rules.sh hook requires curl to be available in the environment. It also requires the CLAUDE_PROJECT_DIR environment variable, which Claude Code sets automatically when running hooks. No additional setup is needed beyond installing the plugin.