skills.rest
ya-way
ya-wayCOMMUNITY
Explore all skills by this author →
GitHub

riboclaw-visualization

Generate RiboClaw UI-ready JSON payloads with execution chains, steps, and image paths.

Updated Mar 30, 2026
Search Tags:#workflow#ui#json#visualization#steps#chain#riboclaw
One-click install
npx skills add https://github.com/ya-way/cytoclaw-skills --skill riboclaw-visualization
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: riboclaw-visualization
Source: https://github.com/ya-way/cytoclaw-skills/tree/main/workspace/skills/riboclaw-visualization
Command: npx skills add https://github.com/ya-way/cytoclaw-skills --skill riboclaw-visualization

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Produce RiboClaw-friendly structured process visualization output (chain + step cards + image artifacts). Use when the user asks to visualize reasoning, show processing DAG/chain, render step-by-step execution, or drive the RiboClaw frontend timeline.

Core Features & Use Cases

  • Visualizes execution chains and steps for RiboClaw tasks.
  • Renders final UI-ready JSON payload for frontends.
  • Supports integration with the RiboClaw UI for timeline-style visualization and artifact generation.

Quick Start

Submit a riboclaw visualization task with a request to render the execution chain and steps, and include a final JSON payload for the UI.

Required JSON Schema

{
  "title": "任务标题",
  "summary": "一句话总结",
  "chain": [
    {"id":"NODE_01","module":"模块名","status":"success|running|failed","meta":"简短元数据"}
  ],
  "steps": [
    {
      "node_id":"NODE_01",
      "module":"模块名",
      "report":"用自然语言自由汇报这一步做了什么、发现了什么、关键数值和结论。像写实验笔记一样，直接说重点。",
      "images":["图片产物的绝对路径，可为空数组"]
    }
  ]
}

Frequently Asked Questions about riboclaw-visualization

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

FAQPage Schema
How do I visualize a task execution chain and steps in JSON format?▼

To visualize a task execution chain, you generate a structured JSON payload containing title, summary, chain array with node statuses, and steps array with natural language reports and image paths.

What is the required JSON schema for rendering a processing DAG visualization?▼

The required schema for a processing DAG visualization includes top-level title and summary strings, a chain array with module and status fields, and a steps array linking node IDs to reports and image artifacts.

How do I render step-by-step execution results with image artifacts for a frontend UI?▼

You render step-by-step execution by defining a steps array in the JSON payload, where each step object contains a node ID, a natural language report, and an images array listing absolute paths to visual artifacts.

Can I use custom status values for the execution chain nodes in the visualization?▼

No, node statuses in the execution chain are strictly validated and must use one of the predefined values: success, running, or failed. The visualization enforces this constraint to ensure UI compatibility.

Do I need any external dependencies to generate a visualization JSON payload?▼

No external dependencies are required to generate the visualization JSON payload. The Skill independently validates statuses and preserves image paths to produce the final UI-ready structured output.

When should I use a structured chain visualization instead of plain text output?▼

Use a structured chain visualization when you need to drive a frontend timeline UI, render a processing DAG, or display step-by-step reasoning with image artifacts, rather than relying on plain text output.

Related Skills

Explore More Software Engineering Skills→
Obsidian-OwlObsidian-Owl
1

dev.tasks

Convert feature design artifacts into a dependency-ordered tasks.md file.

Official
Advanced
RocapineRocapine
2

validate-step-json

Validate ComposableScreen step JSON against headless SDK Zod schemas.

Official
Advanced
CleanExpoCleanExpo
1

Workflow Engine

Codify workflow engine patterns for NodeJS-Starter-V1 with multi-step approval flows.

Community
Advanced
OpenSourcePharmaFoundationOpenSourcePharmaFoundation
4

frontend-developer

Build a React prototype for browsing drug discovery reports and knowledge graph data.

Community
Intermediate