Automate OrcaQ settings panel creation with a type-to-component data flow.
npx skills add https://github.com/cin12211/orcaq-test --skill settings-flow
Please help me install this Agent Skill. Skill: settings-flow Source: https://github.com/cin12211/orcaq-test/tree/main/.github/skills/settings-flow Command: npx skills add https://github.com/cin12211/orcaq-test --skill settings-flow
Provides a complete blueprint for managing user settings across OrcaQ, enabling consistent, scalable configuration across UI panels.
Open the Settings modal and follow the documented steps to add a new setting panel, wire it through the four-layer flow, and expose it in the navigation.
High-intent search queries and answers about installing and using this skill.
A scalable settings flow uses a 4-layer architecture: type definitions, constants, Pinia store, and UI components. This structure ensures a single source of truth and predictable behavior when adding, updating, or removing settings panels.
To persist user preferences across sessions with Pinia, apply the persisted store plugin. This ensures that configuration choices in Appearance, Editor, Quick Query, and Agent modules survive page reloads and browser restarts.
The data flow for adding a settings panel follows the sequence: type, constant, store, component. You define the data type, register the constant, wire it through the Pinia store, and finally expose it in the UI component and navigation.
Yes, this settings architecture works across multiple modules. It provides standardized guidelines to add, update, and remove configuration panels specifically for Appearance, Editor, Quick Query, and Agent areas.
You need a standardized configuration architecture when managing user settings across multiple UI panels to ensure consistency. It prevents fragmented state by establishing a single source of truth for application settings.
UmmItKinCreate and use Pinia stores in Vue apps with defineStore.
peterWang123589Define Pinia stores with state, getters, and actions for Vue applications.
fanguyunCreate Vue 3 components with Composition API and Pinia state management.
mfuentesgRefactor React components with boolean props into compound components using context.
