flow-state

FlowState-safe auto-router for selected Superpowers workflows. Use at the start of bugs, fixes, behavior changes, reviews, planning, and completion checks to choose the relevant superpowers-* support skill without overriding FlowState rules.

FlowState-local Superpowers support skill for evaluating code-review feedback before implementing it. Existing FlowState rules remain authoritative.

FlowState-local Superpowers support skill for requesting focused review on substantial work. Existing FlowState rules remain authoritative.

FlowState-local Superpowers support skill for root-cause debugging bugs, test failures, and unexpected behavior. Existing FlowState rules remain authoritative.

FlowState-local Superpowers support skill for adding focused regression tests before feature or bugfix implementation. Existing FlowState rules remain authoritative.

FlowState-local Superpowers support skill for evidence-based completion checks before claiming work is complete. Existing FlowState rules remain authoritative.

FlowState-local Superpowers support skill for creating implementation plans for multi-step tasks. Existing FlowState rules remain authoritative.

FlowState-safe auto-router for selected Superpowers workflows. Use at the start of bugs, fixes, behavior changes, reviews, planning, and completion checks to choose the relevant superpowers-* support skill without overriding FlowState rules.

FlowState-local Superpowers support skill for evaluating code-review feedback before implementing it. Existing FlowState AGENTS.md, CLAUDE.md, MASTER_PLAN, OMX, and Electron release rules remain authoritative.

FlowState-local Superpowers support skill for requesting focused review on substantial work. Existing FlowState AGENTS.md, CLAUDE.md, MASTER_PLAN, OMX, and Electron release rules remain authoritative.

FlowState-local Superpowers support skill for root-cause debugging bugs, test failures, and unexpected behavior. Existing FlowState AGENTS.md, CLAUDE.md, MASTER_PLAN, OMX, and Electron release rules remain authoritative.

FlowState-local Superpowers support skill for adding focused regression tests before feature or bugfix implementation. Existing FlowState AGENTS.md, CLAUDE.md, MASTER_PLAN, OMX, and Electron release rules remain authoritative.

FlowState-local Superpowers support skill for evidence-based completion checks before claiming work is complete. Existing FlowState AGENTS.md, CLAUDE.md, MASTER_PLAN, OMX, and Electron release rules remain authoritative.

FlowState-local Superpowers support skill for creating implementation plans for multi-step tasks. Existing FlowState AGENTS.md, CLAUDE.md, MASTER_PLAN, OMX, and Electron release rules remain authoritative.

Work on FlowState's AI chat / assistant — the subscription bridge (Claude/Codex CLIs), answer quality, prompts, tool-calling, prioritization, or the chat UI. Use when touching src/composables/useAIChat.ts, src/services/ai/* (router, bridge, tools, pipeline), src/components/ai/*, infra/ai-bridge/*, or when an AI answer is "dry/generic/wrong", the brain is slow, or a tool call doesn't execute. For the model-agnostic PRINCIPLES behind all of this, read the cross-project `llm-feature-quality` skill — this skill is just the FlowState wiring.

Expert skill for debugging Vue Flow parent-child relationships, coordinate systems, node extent barriers, and nesting logic. Contains deep knowledge on coordinate conversion and event handling.

UNIFIED DEBUGGER - Use when tasks disappear, data is lost, things are broken, or bugs need fixing. Debug Vue.js reactivity, Pinia state, task store CRUD, keyboard shortcuts, canvas positions, drag-drop, cache, memory leaks, and performance. Invoke for "not working", "broken", "fix bug", "debug", "tasks missing", "shortcuts not working", "state not updating".

UNIFIED ARCHITECT - Strategic development orchestrator AND systematic project planner for personal productivity applications. Use for architecture decisions, feature planning, task breakdown, implementation strategy, roadmaps. Triggers on "plan", "break down", "how should I implement", "architecture", "strategy", "roadmap", "design pattern".

Audit task status in MASTER_PLAN.md. Finds stale tasks, status mismatches, and likely-done tasks. NEVER auto-marks tasks - only recommends. User confirmation is the only valid evidence of completion.

Start Watchpost dashboard for MASTER_PLAN.md tasks. Use when user says "start watchpost", "open kanban", or "show tasks". Also use when tasks show wrong status (PLANNED instead of DONE) - see Parser Troubleshooting section.

Expert skill for the Task List / Catalog view system — TaskList, HierarchicalTaskRow, row sub-components, grouping, sorting, filtering, DnD, selection, and inline editing. Use when debugging list rendering, fixing overdue styling, modifying row components, adding columns, changing grouping/sorting logic, or working on AllTasksView/BoardView list mode.

Guide implementation of multi-user workspace collaboration for FlowState (TASK-1533 epic, 26 sub-tasks). Use when working on ANY task from TASK-1533 through TASK-1559, or when touching workspace switching, invite flows, task assignment, task comments, workspace presence, multi-tenant RLS policies, tombstone visibility, cross-tab workspace isolation, or offline sync queue workspace scoping. Also triggers on: 'workspace', 'collaboration', 'shared workspace', 'invite member', 'workspace_id', 'assigned_to', 'task comments', 'presence online', 'workspace RLS'. This skill contains locked-in architectural decisions that MUST be followed — deviating risks data leakage between workspaces.

ARCHIVED — Tauri has been replaced by Electron. This skill is no longer active.

Build, package, and deploy the Electron desktop app. Handles version bumps, packaging with electron-builder, deploy to VPS auto-updater. Triggers on "electron build", "deploy electron", "electron update", "update desktop app", "package app".

MANDATORY diagnostic skill for any UI component editing workflow. Use PROACTIVELY whenever editing Vue SFC templates, CSS, or card/list components and the user reports changes aren't visible, cards look wrong, hover isn't working, icons won't hide, layout feels cramped despite edits, or "nothing changed". Also triggers on Vite HMR issues, stale cache, "changes not showing", "browser not updating", "edits have no effect", "still the same", "looks the same". CRITICAL — before spending more than 5 minutes debugging a visual/CSS issue, run the test marker from this skill to prove changes are being served. This prevents hours wasted on phantom bugs that are actually cache problems.

Cyberpunk visual design system for FlowState's Cyberflow RPG. Encodes augmented-ui patterns, neon glow recipes, scanline/glitch effects, cyberpunk typography, color palette, intensity-level CSS architecture, and prefers-reduced-motion accessibility patterns. Use when implementing any cyberpunk-styled UI component.

Cyberflow RPG Game Master skill — AI-driven challenge system for FlowState gamification. Use for developing, debugging, or extending the RPG challenge engine, ARIA game master, corruption system, boss fights, and narrative features. Triggers on 'challenge', 'boss fight', 'corruption', 'ARIA', 'game master', 'RPG', 'cyberflow', 'daily mission', 'weekly boss'.

Game state machine and animation choreography for FlowState's Cyberflow RPG. Encodes level-up sequences, boss defeat sequences, mission complete sequences, corruption tier transitions, Vue composable state machine patterns, interruptibility rules, event queue management, and sound cue integration points. Use when implementing multi-step game animations or state transitions.

Game UI component patterns for FlowState's Cyberflow RPG. Encodes HP bars with damage trails, XP bars with glow, SVG radar charts, level badges with tier glow, streak counters, corruption meters, mission/challenge cards, boss fight UI, floating XP pop-ups, and DiceBear avatar integration. Use when building any game HUD element.

Gamification intensity level architecture for FlowState's Cyberflow RPG. Encodes the minimal/moderate/intense system — CSS class strategy, component visibility matrix, header widget variants, toast filtering, corruption overlay rules, settings UI with live previews, and performance budgets. Use when implementing intensity-aware UI or modifying gamification visibility.

Remotion animation integration for FlowState's Cyberflow RPG. Encodes Remotion setup in Vue 3 projects, key animation sequences (level-up celebration, boss defeat, mission complete), composition patterns, asset pipeline for cyberpunk SVGs/graphics, performance optimization with lazy-loading, and CSS-only fallback patterns. Use when building cinematic game animations.

Custom SVG icon design and graphics generation for FlowState's Cyberflow RPG. Encodes cyberpunk icon design principles (sharp angles, circuit motifs, neon-ready), icon categories (achievements, classes, corruption, bosses, shop, stats), Vue inline SVG component patterns, Nano Banana Pro AI graphics generation integration, SVGO optimization, and animated SVG patterns. Use when creating custom game icons or generating visual assets.

COMPREHENSIVE Vue 3 development with Composition API, TypeScript, and advanced reactivity debugging. Create reactive components, handle props/events, implement lifecycle hooks, integrate with Pinia state management, debug reactivity issues, and optimize component performance. CRITICAL: All component changes MUST be tested with Playwright before claiming success. Use DevTools for debugging when available.

Task completion workflow - run tests, commit/push, update MASTER_PLAN.md status, create SOP if needed. This skill should be used when a task is complete and ready to be finalized. Triggers on "/done", "mark done", "task complete", "finish task".

FlowState-specific UI/UX design and implementation skill covering visual design principles, color theory, typography, spacing systems, layout composition, accessibility (WCAG 2.2), animation, web standards compliance, and systematic implementation workflows. Use for FlowState app work only — for other projects use frontend-ux-ui-design.

Create distinctive, production-grade frontend interfaces with high UX and UI design quality. Use when building web components, pages, landing pages, dashboards, or applications for ANY project. Covers UX flows, UI visual design, design system generation, industry-specific reasoning, web standards compliance, and anti-AI-slop aesthetics.

Save current progress and push to remote - like /done but keeps task IN PROGRESS. Use when switching machines, ending session, or backing up work. Triggers on "/save", "save progress", "switch machine", "end session".

Pre-sharing review for FlowState. Scans for secrets, personal paths, license compliance, documentation gaps, and build portability before making the repo visible. Works for source-available (Polyform Shield) or any license model.

Comprehensive Storybook skill for Vue 3 - story creation, auditing, component discovery, visual testing, and CI integration. Merged from dev-storybook, storybook-audit, and storybook-master.

Analyze and pick the next task to work on. Shows scored recommendations from MASTER_PLAN.md with interactive selection. Use when starting a session or deciding what to tackle.