By SignalCanvas
Write a HANDOFF.md at the active project root so context can be cleared and resumed cleanly in a fresh session
Claude Code skills for SignalCanvas development. Install these so Claude follows consistent conventions across all contributors.
git clone https://github.com/ByteBard97/signalcanvas-skills ~/.claude/skills/signalcanvas
Claude Code picks up skills from ~/.claude/skills/ automatically.
| Skill | When to use |
|---|---|
vue-best-practices | Any .vue file, composable, or Pinia store in any Vue 3 project |
signalcanvas-patchlang | Writing, editing, or validating .patch files (language syntax reference) |
patchlang-architecture | Architecture boundary between PatchLang (.patch) and the JSON sidecar (.layout.json) — use when touching device data, connections, the canvas scene store, the emitter, the loader, or the sidecar JSON |
code-rules | Any code task — enforces file size, DRY, naming, and error handling rules |
signalcanvas-builder | Building or importing a signal flow into SignalCanvas — from conversation, CSV/XLSX patch lists, or screenshots of Visio/handwritten diagrams |
stock-library-builder | Building, editing, or auditing device templates in the SignalCanvas stock library (src/data/stdlib/) |
context-handoff | Write a HANDOFF.md so you can clear context and resume cleanly in a fresh session |
Run any of these from the FrontendV1 repo root.
| Command | Plugin | What it does |
|---|---|---|
/scbt | signalcanvas-testing | Run the browser trace integration tests (Playwright) |
/scft | signalcanvas-testing | Run the label scanner on a specific .patch file |
/scpt | signalcanvas-testing | Run the signal flow protocol test suite |
/scpkg | signalcanvas-packaging | Cut a new beta release — bumps version, updates changelog/BETA-README, builds the macOS .pkg installer |
Invoke a skill explicitly for best results:
Use vue-best-practices skill. Add a settings panel to CanvasToolbar.
Or Claude will pick them up automatically based on the task context.
Edit the SKILL.md in any skill directory. The vue-best-practices skill is based on vuejs-ai/skills.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
npx claudepluginhub signalcanvas/signalcanvas-skills --plugin context-handoffSignalCanvas test automation: run browser trace tests (Playwright), signal flow tests (Vitest), and label scanning on patch files
Automatically logs Claude Code session activity per project. Injects recent history into new sessions so you never re-explain context.
SignalCanvas code quality rules: file size, naming, DRY, no magic numbers, trash not rm
Vue 3 + TypeScript best practices: reactivity, SFC structure, composables, provide/inject, Pinia, component decomposition, file-size gates
PatchLang DSL authoring: syntax, templates, instances, ports, bridges, and validation
Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.
Frontend design skill for UI/UX implementation
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Memory compression system for Claude Code - persist context across sessions
Marketing skills for AI agents — conversion optimization, copywriting, SEO, paid ads, ad creative, and growth
Standalone image generation plugin using Nano Banana MCP server. Generates and edits images, icons, diagrams, patterns, and visual assets via Gemini image models. No Gemini CLI dependency required.