conveyor

Coordinate iterative development of a conveyor belt connection system with React Flow visuals.

3|Updated Feb 7, 2026
One-click install
npx skills add https://github.com/Develonaut/bnto --skill conveyor
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: conveyor
Source: https://github.com/Develonaut/bnto/tree/main/.claude/skills/conveyor
Command: npx skills add https://github.com/Develonaut/bnto --skill conveyor

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill guides the iterative development of the conveyor belt connection system for the Motorway design project. It enables a structured research-to-implementation workflow across successive phases, keeping changes isolated, documented, and reusable.

Core Features & Use Cases

  • Structured iteration workflow: read research docs, inspect existing components, and implement the next phase on the Motorway showcase.
  • Phased architecture guidance: keep changes within the Motorway page folder with clear phase boundaries and performance-conscious patterns.
  • Research-driven progress tracking: update the research doc with progress logs, decisions, and discoveries to inform future work.

Quick Start

Read the research document and implement the next iteration of the conveyor belt connection system on the Motorway showcase page.

Frequently Asked Questions about conveyor

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure iterative development for a React Flow-based design system showcase?

To structure iterative development for a React Flow design system showcase, use a phased workflow that isolates changes within the page folder, lazy-loads components, and logs progress in a research document to inform future iterations.

What is the best way to manage component architecture across multiple prototype iterations?

Managing component architecture across prototype iterations requires enforcing clear phase boundaries, applying componentization patterns, and maintaining a research-driven progress log to track decisions and discoveries for evolving prototypes.

How do I coordinate implementation phases when building a conveyor belt UI connection system?

Coordinating conveyor belt UI implementation phases involves reading existing research documents, inspecting current components, and applying per-phase rules to execute the next structured iteration on the showcase surface.

Do I need a research document to guide maintainable UI architecture for evolving prototypes?

A research document is required to guide maintainable UI architecture, serving as a centralized log to record progress, track decisions, and capture discoveries that inform future development phases.

Can I apply per-phase rules to isolate changes within a React Flow showcase page folder?

Per-phase rules can be applied to isolate changes within a React Flow showcase page folder, ensuring updates remain componentized, performance-conscious, and bounded by clear architectural phase boundaries.

Why does iterative UI architecture require lazy-loading and componentization for design systems?

Iterative UI architecture requires lazy-loading and componentization to maintain performance and structural integrity as the design system evolves through successive implementation phases.