Web & Frontend

tomevault-io Bundle

Dispatch mobile app — Expo/React Native frontend, FastAPI backend (dispatch-api), message bus, TTS, push notifications, reply CLIs. Trigger words - dispatch app, sven app, expo, ios app, mobile app, react native, reply-sven, push notification, dispatch-api, api server, dispatch api. Use when this capability is needed.

tomevault-io Bundle

Vue Table State, Subscribe & createTableHook

tomevault-io Bundle

Navigate and interact with the ThunderID Console UI. Use when exploring the ThunderID admin console, testing UI changes, creating users/applications/roles, or debugging the frontend. Use when this capability is needed.

tomevault-io Bundle

react-i18next Best Practices Skill

tomevault-io Bundle

React Vendoring

tomevault-io Bundle

Next.js 16 migration guide (async request APIs, "use cache", Turbopack) Use when this capability is needed.

tomevault-io Bundle

Start the local Docker Compose stack (backend + frontend) for development. Use when the user wants to spin the app up locally, test a feature in a browser, or bring the stack back after changes. Use when this capability is needed.

tomevault-io Bundle

BroomVA trademark web styling system — Arcan Glass design language for Next.js + Tailwind v4 + shadcn/ui projects. Use when creating or styling BroomVA web interfaces, implementing glass/frosted UI effects, setting up brand-consistent dark-first themes, or integrating ArcanBG brand tokens (AI Blue

tomevault-io Bundle

Search and read academic papers from arxiv via Semantic Scholar API + ar5iv HTML. No OAuth, no PDF parsing. Use when the user wants to find research papers, read a specific paper, look up citations, or explore academic literature. Trigger on "find papers on", "arxiv", "research on", "look up the paper", "academic search", "semantic scholar", "what does the literature say", "read this paper", or any arxiv/ar5iv URL. Use when this capability is needed.

tomevault-io Bundle

How to use the @data-fair/lib session management system in services that consume sessions (not login/account management). Use this skill whenever the task involves reading user identity, checking permissions, protecting routes, accessing account/organization info, or implementing authorization logic in a data-fair service -- both on the Express/Node backend and in Vue frontend components. Also use it when the user mentions session middleware, account roles, admin mode, or organization switching in a data-fair context. Use when this capability is needed.

tomevault-io Bundle

Claude writes fast, reliable tests using Vitest for TypeScript/JavaScript projects. Use when writing unit tests, component tests, setting up mocks, snapshot testing, or configuring test coverage. Use when this capability is needed.

tomevault-io Bundle

Guide for using BillingSDK - open-source React components for pricing tables, subscription management, and billing UI with Dodo Payments. Use when this capability is needed.

tomevault-io Bundle

Coding standards for MERN Next.js apps in a pnpm monorepo. Use when this capability is needed.

tomevault-io Bundle

Run a full-codebase cross-layer audit, auto-detecting languages and applying the appropriate criteria for each layer, plus system-level checks and dependency audit. Supports any combination of React, Node.js, Python, and other languages. Use when this capability is needed.

tomevault-io Bundle

Build web-based terminals by wiring node-pty on a Node.js backend to xterm.js in a React frontend over WebSockets. Use this skill whenever the user mentions node-pty, wants to embed a shell/terminal in a web UI, build a browser-based SSH or REPL interface, a cloud IDE terminal, a remote shell tool, a dev-container console, or anything that connects xterm.js to a real PTY — even if they don't name the library. Also use for Express + ws terminal servers, ConPTY on Windows, PTY resize/fit handling, multi-session terminal backends, and reconnection/session persistence for web terminals. Use when this capability is needed.

tomevault-io Bundle

Complete guide for Geotab fleet management development. Use for any task involving the Geotab API, MyGeotab Add-Ins, Zenith styling, or Ace AI queries. This unified skill covers Python API, JavaScript Add-Ins, React components, and natural language fleet queries. Use when this capability is needed.

tomevault-io Bundle

React/TypeScript code quality rules for kattle frontend. Apply when writing or reviewing frontend code. Use when this capability is needed.

tomevault-io Bundle

Production-ready genomics and epigenomics data processing for BixBench questions. Handles methylation array analysis (CpG filtering, differential methylation, age-related CpG detection, chromosome-level density), ChIP-seq peak analysis (peak calling, motif enrichment, coverage stats), ATAC-seq chromatin accessibility, multi-omics integration (expression + methylation correlation), and genome-wide statistics. Pure Python computation (pandas, scipy, numpy, pysam, statsmodels) plus MedToolkit annotation tools (Ensembl, ENCODE, SCREEN, JASPAR, ReMap, RegulomeDB, ChIPAtlas). Supports BED, BigWig, methylation beta-value matrices, Illumina manifest files, and multi-sample clinical data. Use when processing methylation data, ChIP-seq peaks, ATAC-seq signals, or answering questions about CpG sites, differential methylation, chromatin accessibility, histone marks, or epigenomic statistics. Use when this capability is needed.

tomevault-io Bundle

Use before committing Vue, Nuxt, Vite Vue, Vue CLI, Quasar, VitePress, or VuePress code, or when cleaning up Vue code quality. Checks for score regressions, security, correctness, performance, accessibility, bundle-size, design, and component architecture diagnostics. Use when this capability is needed.

tomevault-io Bundle

Spiceflow is a super simple, fast, and type-safe API and React Server Components framework for TypeScript. Works on Node.js, Bun, and Cloudflare Workers. Use this skill whenever working with spiceflow to get the latest docs and API reference. Use when this capability is needed.

tomevault-io Bundle

Use when creating or developing, before writing code or implementation plans - refines rough ideas into fully-formed designs through collaborative questioning, alternative exploration, and incremental validation. Focuses on Java backend and React/Angular frontend integration.

tomevault-io Bundle

Control a connected iPhone, iOS simulator, Android emulator, or Android device from macOS through PhoneAgent's JSON-RPC bridge. Use when users ask to automate mobile UI actions, inspect accessibility trees, toggle Settings switches, navigate apps, or capture screenshots by sending RPC methods like get_tree, get_screen_image, get_context, tap_element, enter_text, scroll, swipe, and open_app. Use when this capability is needed.

tomevault-io Bundle

Generate browser-viewable HTML previews from markdown, plain text, and Mermaid diagrams. Auto-validates diagrams, applies professional styling, and opens in default browser. Use when agents need to preview documentation, visualizations, or formatted content. Use when this capability is needed.

tomevault-io Bundle

Make your clanker your editor. A prose linter, a set of editor commands anchored in classical style guides (Strunk, Williams, Zinsser, Pinker, Orwell, King), and project commands for voice capture and drafting. Use when reviewing, polishing, drafting, or auditing markdown, HTML, or plain-text prose. AI-tell detection is one feature among many. Use when this capability is needed.

tomevault-io Bundle

Build Vue 3 components with TypeScript and Tailwind using clean structure, composable logic, accessibility, and maintainable patterns. Use when this capability is needed.

tomevault-io Bundle

Run the Quizmaster web app locally in Docker so you can click through it — builds the frontend and brings up the Spring Boot backend + Postgres at http://localhost:8080, with no JDK or Postgres installed on the host. Use when asked to run, start, launch, serve, or preview the Quizmaster app (the scrumdojo/quizmaster repo). Use when this capability is needed.

tomevault-io Bundle

Hugo static site generator with Tailwind v4, headless CMS (Sveltia/Tina), Cloudflare deployment. Use for blogs, docs sites, or encountering theme installation, frontmatter, baseURL errors. Use when this capability is needed.

tomevault-io Bundle

Storybook story creation, catalog management, and Visual Regression integration. Handles UI component documentation, visual testing, and CSF 3.0/Factories format story creation. Supports Storybook 10 (ESM-only) and React Cosmos. Use when component documentation or visual testing is needed. Use when this capability is needed.

tomevault-io Bundle

Best practices and architectural patterns for working with the Hugoplate Hugo boilerplate. Use this when modifying theme tokens, configuration, content, layouts, or Tailwind v4 styles in a Hugoplate project. Use when this capability is needed.

tomevault-io Bundle

Backpack External Component Migration

tomevault-io Bundle

SSR with Vue. server rendering. Use when this capability is needed.

tomevault-io Bundle

Use when UI of app requires Toolbar, configuring, or modifying SVAR Svelte Toolbar / @wx/svelte-toolbar components

tomevault-io Bundle

React Router (`@tanstack/react-router`)

tomevault-io Bundle

Use when writing Tailwind classes, fixing spacing issues, reviewing CSS, or auditing Tailwind patterns. Enforces v4 best practices for grid and responsive.

tomevault-io Bundle

Generate an animated, interactive HTML page that explains a complex concept through real-world analogies, visual diagrams, and progressive disclosure. Use this whenever the user says 'explainer infographic,' 'explain how X works,' 'make an explainer for,' 'visualize this concept,' 'turn this into a visual,' 'help me understand X visually,' or asks to break down a topic in a bite-sized visual format. Output is a single self-contained HTML file the user can open in a browser, scroll through, or share as a link. Topics can be anything — finance concepts, technical systems, scientific processes, business frameworks. Use when this capability is needed.

tomevault-io Bundle

Vue Best Practices