By SignalCanvas
Playwright-based VueFlow canvas inspector: extracts node positions, port handles, and edge routes from the live app and detects alignment errors, wire overlaps, node overlaps, and wires routing through nodes.
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 |
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/) |
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.
Based on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
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 claimSignalCanvas 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
npx claudepluginhub signalcanvas/signalcanvas-skills --plugin canvas-auditUltra-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.