An interactive, data-driven dashboard for visualizing robotic capabilities,
analyzing skill gaps, and managing expertise distribution in Human-Centered Physical AI research.
Live Demo • Features • Tech Stack • Getting Started • HCIS Lab
Built using the RoboSkills template
RoboSkills is a cutting-edge web application developed by the Human-centered Intelligent Systems Laboratory (HCIS Lab) at National Yang Ming Chiao Tung University. It bridges the gap between complex robotic data and actionable insights. By leveraging advanced visualization techniques—including forced-directed graphs and Venn diagrams—it provides a clear map of skill dependencies, overlaps, and critical gaps in Human-Centered Physical AI research and development.
-
📊 Interactive Skill Chart
- Visualize complex relationships with dynamic D3.js Venn diagrams.
- Explore skill clusters using interactive force-directed graphs.
-
📉 Gap Analysis Engine
- Identify missing capabilities with precision.
- Visualize expertise distribution (
NovicetoExpert) across different domains.
-
🎨 Modern User Interface
- Built with Ant Design and Tailwind CSS for a sleek, glassmorphism-inspired aesthetic.
- Fully responsive layout ensuring a seamless experience on all devices.
Built with modern, high-performance technologies:
| Category | Technology | Description |
|---|---|---|
| Framework |  |
Frontend library for building UIs |
| Language |  |
Typed superset of JavaScript |
| Build Tool |  |
Next Generation Frontend Tooling |
| Styling |  |
Utility-first CSS framework |
| Components |  |
Enterprise-class UI design language |
| Data Viz |  |
Dynamic data visualization library |
Follow these steps to set up the project locally.
- Node.js (v18+ recommended)
- npm or yarn
-
Clone the repository
git clone https://github.com/HCIS-Lab/HCIS-RoboSkills.git cd HCIS-RoboSkills -
Install dependencies
npm install # or yarn install -
Start the development server
npm run dev # or yarn dev -
Explore Open
http://localhost:5173in your browser to view the app.
To generate a production-ready build:
npm run buildThe output will be optimized and placed in the dist directory.
This project is licensed under the terms of the LICENSE file.
This project is built from the RoboSkills template. We thank the original author for creating this excellent foundation.
This project also incorporates code from external libraries:
- d3-venn by Christophe Geiser (BSD 3-Clause License)
- venn.js by Ben Frederickson (MIT License)
- spa-github-pages by Rafael Pedicini (MIT License)