By SignalCanvas
Enforces the architecture boundary between PatchLang (.patch) and the JSON sidecar (.layout.json) in the SignalCanvas frontend. Use whenever writing or modifying code that touches device data, connections, the canvas scene store, the emitter, the loader, or the sidecar JSON.
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 patchlang-architectureSignalCanvas 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
Comprehensive skill pack with 66 specialized skills for full-stack developers: 12 language experts (Python, TypeScript, Go, Rust, C++, Swift, Kotlin, C#, PHP, Java, SQL, JavaScript), 10 backend frameworks, 6 frontend/mobile, plus infrastructure, DevOps, security, and testing. Features progressive disclosure architecture for 50% faster loading.
Intelligent draw.io diagramming plugin with AI-powered diagram generation, multi-platform embedding (GitHub, Confluence, Azure DevOps, Notion, Teams, Harness), conditional formatting, live data binding, and MCP server integration for programmatic diagram creation and management.
Persistent file-based planning for AI coding agents. Crash-proof markdown plans (task_plan.md, findings.md, progress.md) that survive context loss and /clear, with an opt-in completion gate and multi-agent shared state. Manus-style. Works with Claude Code, Codex CLI, Cursor, Kiro, OpenCode and 60+ agents via the SKILL.md standard. Includes Arabic, German, Spanish, and Chinese (Simplified and Traditional).
Design fluency for frontend development. 1 skill with 23 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.
Behavioral guidelines to reduce common LLM coding mistakes, derived from Andrej Karpathy's observations on LLM coding pitfalls
Access thousands of AI prompts and skills directly in your AI coding assistant. Search prompts, discover skills, save your own, and improve prompts with AI.