Automate the end-to-end process of database schema design, data insertion, and the generation of real-time dynamic HTML dashboards.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install coding-2
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install coding-2 using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Coding Skill for Dynamic Dashboards?
The Coding skill is a specialized automation tool within the Openclaw Skills ecosystem designed to streamline full-stack development tasks. It focuses on transforming raw data into structured database schemas and visual dashboards. By analyzing input data, the agent can autonomously design database tables, insert records, and build a frontend dashboard that communicates with a specific backend API for real-time updates. This skill is particularly valuable for developers who need to quickly prototype data-driven applications without manually writing boilerplate code for data fetching and UI rendering.
Coding Skill for Dynamic Dashboards Use Cases
- Creating real-time business intelligence dashboards that require periodic data refreshes.
- Automating database migrations and schema designs based on dynamic datasets.
- Building frontend monitoring tools that interface with the General Data API.
- Rapidly prototyping data visualization components with built-in polling logic.
How Coding Skill for Dynamic Dashboards Works
- The skill analyzes the provided dataset to design an optimal database structure.
- It invokes internal tools to create the necessary tables and fields within the database.
- Input data is automatically mapped and inserted into the established database structure.
- An HTML dashboard is generated, featuring dynamic charts that request data from the backend API.
- The generated frontend implements a 60-second polling interval to ensure real-time data synchronization.
Coding Skill for Dynamic Dashboards Setup
To utilize this skill within Openclaw Skills, ensure your environment variables are correctly configured, specifically the session group identifier.
# Set the required session group variable
export SESSION_GROUP_ID="your_unique_session_id"
Ensure the agent has access to the target API endpoint: https://teamo-dev.floatai.cn/api/engine/generalDataApi.
Coding Skill for Dynamic Dashboards Data Schema & Taxonomy
The skill follows a specific data exchange format for its API integrations:
| Attribute | Specification |
|---|---|
| API Endpoint | https://teamo-dev.floatai.cn/api/engine/generalDataApi |
| Request Method | POST |
| Payload Structure | {"session_group_id": "$SESSION_GROUP_ID$", "collection_name": "table_name"} |
| Response Format | {"code": 0, "result": {"data": []}} |
| Polling Rate | 60 Seconds |
Coding Skill for Dynamic Dashboards Advanced Features
- Intelligent schema inference based on incoming JSON data structures.
- Automated integration with the generalDataApi for seamless backend connectivity.
- Dynamic variable substitution for session management and collection naming.
- Built-in support for multi-chart rendering within a single HTML dashboard view.
SKILL.md
Loading
Related Openclaw Skills
Vultisig
A comprehensive SDK for managing self-custodial MPC crypto vaults and multi-chain transactions across 36+ blockchains without seed phrases.
openclaw-update
A specialized skill for automating workspace backups, system restores, and dynamic environment updates.
Google Maps Lead Generation (MCP)
A high-performance lead generation tool that automates business discovery and contact enrichment via Google Maps for professional sales workflows.
XT Exchange CLI
A progressive conversational CLI tool for XT.COM exchange that handles spot and futures trading, market data, and account management.
Data Analyst
An automated agent skill designed to execute complex data analysis tasks and process uploaded files directly within a local working directory.
Deep Research Agent
A sophisticated AI research leader that orchestrates specialized agents to decompose, execute, and synthesize complex information-gathering tasks.
Featured*
