cachibot-frontend-view

What problem does it solve?

Provides a clear, repeatable workflow to add new frontend views and components to CachiBot's React+TypeScript UI so teams can ship consistent interfaces without breaking routing, state, or styling conventions.

Core Features & Use Cases

• View scaffolding: step-by-step guidance to create a new view component, export it, and wire it into the views index.
• Navigation & routing: instructions to add a sidebar navigation button and render the view in the MainLayout routing switch.
• State & persistence: recommended Zustand store pattern with localStorage persistence and TypeScript types to maintain consistent client-side state.
• Use Case: Add a dashboard, logs panel, or settings tab that integrates with existing BotView types, API client helpers, and the project's Tailwind dark-first styling.

Quick Start

Use the cachibot-frontend-view skill to add a new view component, export it from the views index, add the BotView union entry, add a navigation button in the BotSidebar, and render the view in MainLayout.