orkestra-frontend-admin

Standardize UI components and pages in the Orkestra frontend-admin console.

1|1|Updated Dec 20, 2025
One-click install
npx skills add https://github.com/orkestra-cc/orkestra --skill orkestra-frontend-admin
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: orkestra-frontend-admin
Source: https://github.com/orkestra-cc/orkestra/tree/main/.claude/skills/orkestra-frontend-admin
Command: npx skills add https://github.com/orkestra-cc/orkestra --skill orkestra-frontend-admin

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill eliminates UI inconsistency and technical debt in the Tier-1 operator console by enforcing a strict, pre-approved design system and technology stack.

Core Features & Use Cases

  • Canonical UI Patterns: Provides validated templates for tables, forms, stat cards, and dashboards to ensure visual and functional uniformity.
  • Stack Enforcement: Mandates the use of React 19, RTK Query, and specific Orkestra-branded components to prevent the introduction of unapproved libraries.
  • Use Case: When building a new user management module, this Skill ensures the developer uses the correct AdvanceTable, RTK Query hooks, and i18n patterns, preventing the need for future refactoring.

Quick Start

Use the orkestra-frontend-admin skill to scaffold a new feature module following the canonical design patterns and pre-flight contract.

Frequently Asked Questions about orkestra-frontend-admin

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

FAQPage Schema
How do I build React admin console pages with standardized UI components?

To build React admin console pages with standardized UI components, use validated templates for data tables, forms, and dashboards that enforce a strict design system and architectural mandates like i18n compliance and URL-synced state management.

How do I manage server state in a TypeScript frontend admin dashboard?

To manage server state in a TypeScript frontend admin dashboard, mandate the use of RTK Query hooks alongside React 19 to fetch and cache data, preventing the introduction of unapproved libraries and ensuring architectural uniformity.

What's the best way to standardize TypeScript UI development across an operator console?

The best way to standardize TypeScript UI development across an operator console is to enforce a pre-approved technology stack and design system, eliminating UI inconsistency and technical debt by governing the implementation of data tables and validated forms.

Can I use alternative UI libraries when building forms and widgets for the Orkestra admin console?

No, you cannot use alternative UI libraries when building forms and widgets for the Orkestra admin console. The stack enforcement mandates specific Orkestra-branded components, React 19, and RTK Query to prevent unapproved dependencies and future refactoring.

Why do I need URL-synced state management and i18n compliance for frontend admin modules?

You need URL-synced state management and i18n compliance for frontend admin modules to adhere to strict architectural mandates, ensuring functional uniformity, global accessibility, and persistent UI state across all operator console features.

How do I scaffold a new user management module following pre-approved design patterns?

To scaffold a new user management module following pre-approved design patterns, use the project-specific design system to implement canonical UI patterns like AdvanceTable, validated forms, and stat cards, ensuring immediate architectural compliance.