This is a TDD-focused Pinia implementation guide for building state stores in a JARVIS-style AI assistant UI. It's aimed at Nuxt apps with SSR where you need to manage system metrics, command queues, and user preferences without leaking state between requests. The workflow is opinionated: write tests first, implement stores with the composition API setup syntax, validate all inputs in actions, and never persist sensitive data. What's useful here is the concrete pattern for clamping metrics values, composing stores together, and the emphasis on TypeScript interfaces over loose objects. The examples are specific to a HUD dashboard scenario but the patterns translate to any stateful Nuxt application where SSR safety matters.
- skills.sh installs
- 197
- GitHub stars
- 48
- last updated
- Aug 21, 2026
Install
$ npx -y skills add martinholovsky/claude-skills-generator --skill pinia --agent claude-codeInstalls into .claude/skills of the current project.
Files
Pinia State Management Skill
File Organization: This skill uses split structure. See
references/for advanced patterns and security examples.
1. Overview
This skill provides Pinia expertise for managing application state in the JARVIS AI Assistant, including system metrics, user preferences, and HUD configuration.
Risk Level: MEDIUM - Manages sensitive state, SSR considerations, potential data exposure
Primary Use Cases:
- System metrics and status tracking
- User preferences and settings
- HUD configuration state
- Command history and queue
- Real-time data synchronization
2. Core Responsibilities
2.1 Core Principles
- TDD First: Write store tests before implementation
- Performance Aware: Optimize subscriptions and computed values
- Type Safety: Define stores with full TypeScript typing
- SSR Security: Prevent state leakage between requests
- Composition API: Use setup stores for better TypeScript support
- Minimal State: Store only necessary data, derive the rest
- Action Validation: Validate inputs in actions before mutations
- Persistence Security: Never persist sensitive data to localStorage
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/martinholovsky/claude-skills-generator
- Category
- Automation & Workflows
- First seen
- Jun 3, 2026
More from martinholovsky/claude-skills-generator
All 50- Kanidm Expert188
- Linux At Spi2188
- SQLite Database Expert1
- Auto Update Systems Expert
- Cross Platform Build Expert
- Database Design Expert
- SQLCipher Encrypted Database Expert
- Windows Ui Automation1.3K
- Gsap1.3K
- Ui Ux Expert830
- Cicd Expert648
- Webgl559
- Tauri553
- Tailwindcss499
- Rabbitmq Expert498
- Celery Expert458
- Wake Word Detection410
- Web Audio Api406
- Glsl372
- Devsecops Expert364
- Javascript Expert337
- Applescript312
- Macos Accessibility311
- Talos Os Expert286
Recommended
More Automation & Workflows
codeckhiyeshu/codeckcodeck entry point. Scans local files for materials, shows pipeline dashboard with diagnostic intelligence, guides user to the next step. Use when the user says196skills.sh installs
senior-data-engineerborghei/claude-skillsData engineering for batch and streaming pipelines with Airflow, dbt, Spark, and Kafka. Use when designing data architectures, building pipelines, adding data-q195skills.sh installs
smart-commitrohitg00/pro-workflowRun quality gates, review staged changes for issues, and create a well-crafted conventional commit. Use when saying "commit", "git commit", "save my changes", o190skills.sh installs
browserlessvm0-ai/vm0-skillsBrowserless API for headless Chrome. Use when user mentions "headless Chrome", "browserless", or needs browser automation.190skills.sh installs
alibabacloud-yike-storyboardaliyun/alibabacloud-aiops-skillsYike Storyboard Creation Skill - Complete AI video creation workflow from novel/script to storyboard via conversational interface. Use this skill when users wan188skills.sh installs
playwrightdavila7/claude-code-templatesUse when the task requires automating a real browser from the terminal (navigation, form filling, snapshots, screenshots, data extraction, UI-flow debugging) vi185skills.sh installs