How does this skill handle API communication?

It provides patterns for defining types and async functions in api.ts, which are then consumed by React components using a standardized loading/error state pattern.

How do I test my new dashboard feature?

The skill outlines testing steps including TypeScript type checking, linting, and manual verification of both backend and frontend dev servers.

What is the Orient monorepo structure for dashboard features?

Features are split between packages/dashboard for backend services and routes, and packages/dashboard-frontend for React components and API definitions.

Is the backend service architecture scalable?

The skill implements a Singleton pattern for services, ensuring consistent state and easier testing across the Express backend.

Can I add items to the command palette with this skill?

Yes, the skill includes specific instructions for registering new features in the dashboard's global command palette within App.tsx.

Orient Dashboard Feature Implementation

Name: Orient Dashboard Feature Implementation
Author: orient-bot

byorient-bot

•

API 开发

Streamlines the creation of full-stack dashboard features in the Orient monorepo by providing standardized patterns for services, API routes, and React components.

This skill provides a comprehensive framework for developers building on the Orient AI Agent Platform to add new tabs, views, and monitoring pages to the dashboard. It ensures architectural consistency by guiding the implementation of backend singleton services and Express routes alongside frontend React components, navigation integration, and command palette registration. By following these established patterns, developers can rapidly extend the platform's UI while maintaining code quality and type safety across the monorepo.

主要功能

01Frontend React component templates with auto-refresh capabilities

02Automated sidebar navigation and command palette integration

03Type-safe API communication and route state management

04Pre-built UI patterns for loading states, error handling, and status badges

058 GitHub stars

06Standardized backend service and Express route patterns

使用场景

01Implementing complex multi-view features with sub-tab navigation

02Adding a new monitoring or analytics tab to the Orient dashboard

03Creating a storage or settings view requiring backend data persistence

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add orient-bot/orient dashboard-feature-implementation

For use in Claude.ai and ChatGPT

Download Skill