From backend-factory
Analyze the current backend project and launch the pixel factory visualizer at localhost:7777. Use when the user says "visualize backend", "show architecture", "factory", "backend factory", or wants to see their backend as a visual diagram.
npx claudepluginhub randyquaye/backend-come-alive --plugin backend-factoryThis skill is limited to using the following tools:
Full architecture analysis and visualization launch. Uses specialized agents for deep detection.
Triggers research for existing libraries, tools, and patterns before coding new features. Searches npm, PyPI, MCP/skills, GitHub; evaluates matches and decides adopt/extend/build.
Audits cross-stack repos (C++/Android/iOS/Web), classifies files as project/third-party/artifacts, detects embedded libraries, assigns module verdicts, generates interactive HTML reports.
Reorganizes X and LinkedIn networks: review-first pruning of low-value follows, priority-based add/follow recommendations, and drafts warm outreach in user's voice.
Share bugs, ideas, or general feedback.
Full architecture analysis and visualization launch. Uses specialized agents for deep detection.
Launch the framework-detective agent to identify the backend framework, entry points, and project structure.
Pass it the project path: If $ARGUMENTS is provided, use that as the project path. Otherwise use the current working directory.
Wait for the framework-detective to return its report.
Based on the framework-detective's findings, launch these agents in parallel:
new Worker(, @task, process(, consumer.subscribe(, Queue.process(@Cron(, schedule.every(, setInterval-based pollers, or any file in a jobs/, cron/, tasks/, workers/ directory.on(, Redis pub/sub subscribers, Kafka consumers, NATS subscribers, @OnEvent(, @EventPattern(Tell each agent:
IMPORTANT: Instruct every agent to return rich contextual metadata for each component they find:
Wait for all four agents to complete.
Run the analysis script to get the base model:
TMPFILE=$(mktemp /tmp/factory-arch-XXXXXX.json)
node ${CLAUDE_PLUGIN_ROOT}/analysis/analyze.js "${PROJECT_PATH:-.}" > "$TMPFILE"
Then enrich the model with agent findings. This is the critical step — the visualization depends on rich metadata in each node and action.
For complete enrichment instructions, node schemas, and action type definitions, see enrichment-guide.md.
Use the agent outputs directly. The agents already found:
Combine these into the enriched JSON. For every node, ensure metadata.description and metadata.scenario are populated. For middleware nodes, add metadata.factoryRole. For database/cache/queue nodes, add metadata.stationLabel.
For actions, don't just create one per HTTP route — create actions for ALL detected flows:
Write the final JSON to the temp file.
IMPORTANT: The flow array in each action drives the animation — it must be an ACCURATE trace of what the code actually does, not a guess.
For EACH action, verify the flow array by checking these against the actual source code:
evaluateRules() reads from Redis cache, include cache-redis in the flow.For each action, launch a flow-tracer agent (or trace manually) to:
flow array from the actual call chainYou may launch flow-tracer agents in parallel (batch of 3-5 at a time) for efficiency.
Launch the visualization-builder agent to:
Summarize what was detected:
/backend-factory:stop, /backend-factory:analyze, /backend-factory:trace, /backend-factory:export mermaid