skills.rest
dapperdivers
dapperdiversCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

roundtable-ui

Guide modifications to the roundtable-ui fleet dashboard across React and Go components.

1|1|Updated Feb 8, 2026
Search Tags:#typescript#react#go#dashboard#frontend development#websocket#nats
One-click install
npx skills add https://github.com/dapperdivers/roundtable-arsenal --skill roundtable-ui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: roundtable-ui
Source: https://github.com/dapperdivers/roundtable-arsenal/tree/main/coding/roundtable-ui
Command: npx skills add https://github.com/dapperdivers/roundtable-arsenal --skill roundtable-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers navigate and modify the roundtable-ui dashboard codebase by providing the architecture, conventions, and workflows needed to safely work across the React frontend and Go API.

Core Features & Use Cases

  • Dashboard Development Guidance: Supports changes to React components, pages, hooks, and Tailwind-based UI patterns for the fleet dashboard.
  • Backend Integration Support: Covers Go API endpoints, WebSocket proxying, and NATS-based real-time communication patterns.
  • Development Workflow Reference: Provides build, testing, Storybook, Docker, and code quality practices for maintaining the application.

Quick Start

Use the roundtable-ui skill to modify the fleet dashboard components, API endpoints, or WebSocket integration in the roundtable-ui repository.

Frequently Asked Questions about roundtable-ui

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

FAQPage Schema
How do I modify a React dashboard component that uses Tailwind CSS and TypeScript?▼

To modify a React dashboard component using Tailwind CSS and TypeScript, you need to follow project-specific UI conventions for components, pages, and hooks to safely update the fleet dashboard interface.

How do I integrate WebSocket connections into a Go API backend?▼

Integrating WebSocket connections into a Go API backend involves implementing WebSocket proxying and NATS-based real-time communication patterns to handle live data flow for the dashboard.

What do I need to know to work across a React and Go fleet dashboard codebase?▼

Working across a React and Go fleet dashboard codebase requires knowledge of React, TypeScript, Tailwind CSS, Go services, and NATS communication to handle both frontend UI and API endpoints.

How do I test frontend components and Go API endpoints in a dashboard application?▼

Testing frontend components and Go API endpoints in a dashboard application requires utilizing the repository's specific build, testing, and Storybook workflows to maintain code quality and verify functionality.

What is the best way to maintain a fleet dashboard with React and Go services?▼

The best way to maintain a fleet dashboard with React and Go services is to apply project-specific development conventions, Docker practices, and code quality workflows across both frontend and backend components.

Related Skills

Explore More Software Engineering Skills→
Mischio95Mischio95
1

shadcn-ui

Set up shadcn/ui components and forms with React Hook Form and Zod.

Community
Advanced
2025Emma2025Emma
22.7k

cryptofeed

Stream real-time cryptocurrency market data from multiple exchanges via WebSocket.

Community
Advanced
FlexNetOSFlexNetOS

Messaging & Event Systems

Coordinate NATS pub/sub and Temporal workflows for distributed messaging.

Community
Advanced
jhlee0409jhlee0409

create-component

Scaffold React components with TypeScript interfaces and security patterns.

Community
Basic