Web & Frontend

tomevault-io Bundle

Testing with Vue. component testing. Use when this capability is needed.

tomevault-io Bundle

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling Use when this capability is needed.

tomevault-io Bundle

React Query conventions for data fetching in Supabase Studio. Use when Use when this capability is needed.

tomevault-io Bundle

Generate complete CRUD module code in Vue Vben Admin projects, including pages, forms, tables, and API interfaces. Must use this Skill when users say "generate CRUD", "create module", "add page", "write CRUD", "generate table page", "create xxx management", "generate xxx module". Do not skip even if the task seems simple. Do not generate code directly. All questions about component usage must be answered by reading the corresponding component documentation first, never from memory. Use when this capability is needed.

tomevault-io Bundle

Responsible for client-side development, UI implementation, and browser compatibility. Use when this capability is needed.

tomevault-io Bundle

Manage the Trinity AGI Docker Compose stack — start, stop, logs, rebuild frontend, and full deploy. Use when this capability is needed.

tomevault-io Bundle

Optimized for Next.js and React performance based on ARC standards. Use when this capability is needed.

tomevault-io Bundle

Use quando precisar implementar features mobile (React Native, Flutter, Swift, Kotlin), configurar builds, resolver problemas de plataforma ou adaptar UI para mobile. Use when this capability is needed.

tomevault-io Bundle

Use when implementing authentication, user management, organization/tenant management, team invitations, role-based access control (RBAC), or multi-tenant architecture in a Supabase project. Provides complete schema, API templates, and frontend components for AuthHub-style authentication.

tomevault-io Bundle

Add Storyblok components from the Bloktastic registry and generate production-ready frontend code — no copy-paste needed. Use when this capability is needed.

tomevault-io Bundle

Generate interactive presentation slides using React + Tailwind, and export to standalone single-file HTML. Triggers on keywords like "slides", "presentation", "PPT", "demo", "benchmark", or when user requests export. Uses agent-browser skill for browser verification before export (install with `npx skills add vercel-labs/agent-browser` if not available). Use when this capability is needed.

tomevault-io Bundle

FlexLayout for React - Advanced docking layout manager with drag-and-drop, tabs, splitters, and complex window management Use when this capability is needed.

tomevault-io Bundle

Guides the agent to create professional public websites with React/MUI served from the project's /web subdirectory with hot-reloadable API endpoints Use when this capability is needed.

tomevault-io Bundle

This skill provides guidance for implementing Go Embedded SPA architecture - embedding React/Vue/TSX frontend static resources into Go binary using go:embed directive. Use this skill when building self-contained single-binary applications, implementing SPA with Go backend, setting up cross-platform deployable full-stack projects, or configuring static file serving with Go standard library net/http. Use when this capability is needed.

tomevault-io Bundle

Use when you need build, test, or dev commands for memory-service across Go, Java, frontend, or Python modules.

tomevault-io Bundle

Preview React components with real Mantine + Tailwind styling using Ladle. Use when modifying UI components, fixing visual bugs, or when the user asks to see what a component looks like. Creates Ladle stories, captures screenshots in dark/light mode, and presents them for review. Use proactively after UI changes. Use when this capability is needed.

tomevault-io Bundle

Vue Router 4 開發規範：路由設計、Navigation Guard、動態載入、Meta 型別安全與權限控制。 Use when this capability is needed.

tomevault-io Bundle

Best practices and example-driven guidance for building SwiftUI views and components. Use when creating or refactoring SwiftUI UI, designing tab architecture with TabView, composing screens, or needing component-specific patterns and examples. Use when this capability is needed.

tomevault-io Bundle

Set up high-performance development servers with Hot Module Replacement. Use when creating dev servers for web apps, setting up React Fast Refresh, or configuring API servers with live reload. Use when this capability is needed.

tomevault-io Bundle

---

tomevault-io Bundle

How to build native Lynx applications using Vue 3 with the vue-lynx custom renderer. Covers the dual-thread architecture, Lynx-native elements (<view>, <text>, <image>), the Lynx event system (:bindtap, :catchtap), Main Thread Script for performance-critical interactions, and ecosystem integration (Vue Router, Pinia, TanStack Query, Tailwind CSS). Use this skill whenever the user is building, debugging, or asking about Vue Lynx apps, converting Vue web code to Lynx, setting up a vue-lynx project, writing vue-lynx tests, or working with any Lynx-native UI. Also trigger when the user mentions lynx.config.ts, rspeedy, LynxExplorer, or imports from 'vue-lynx'. Use when this capability is needed.

tomevault-io Bundle

Release workflow — Vue SSR Starter Kit

tomevault-io Bundle

Run a cross-layer code review on a fullstack PR diff, auto-detecting languages and applying the appropriate criteria for each layer. Supports any combination of React, Node.js, Python, and other languages. Use when this capability is needed.

tomevault-io Bundle

Python bindings for Mantine React components. Wraps all @mantine/core components plus forms, dates, and charts packages. Use when building UI with Pulse Mantine components, adapting Mantine docs to Python, or working with MantineForm validation. Use when this capability is needed.

tomevault-io Bundle

Esposter vue-phaserjs integration patterns — component inventory, markRaw for Phaser objects in Pinia stores, configuration Pick pattern. Apply when writing Phaser game objects, stores, or vue-phaserjs components. Use when this capability is needed.

tomevault-io Bundle

Vue 3/Nuxt 3 앱 메모리 누수·CPU 병목·INP/LCP 회귀 진단. Chrome DevTools + Vue DevTools + Nuxt DevTools 절차. 반응성 관련 누수 + watch 폭주 패턴. Use when this capability is needed.

tomevault-io Bundle

Create Framer Code Components and Code Overrides. Use when building custom React components for Framer, writing Code Overrides (HOCs) to modify canvas elements, implementing property controls, working with Framer Motion animations, handling WebGL/shaders in Framer, or debugging Framer-specific issues like hydration errors and font handling. Use when this capability is needed.

tomevault-io Bundle

shadcn/ui for Next.js App Router with TanStack Form. Use when building UI components, forms, dialogs, tables, toasts, or accessible components. Use when this capability is needed.

tomevault-io Bundle

Ghost Security - SAST code scanner. Finds security vulnerabilities in source code by planning and executing targeted scans for issues like SQL injection, XSS, BOLA, BFLA, SSRF, and other OWASP categories. Supports applications (backend, frontend, mobile) and libraries (prototype pollution, unsafe deserialization, ReDoS, path traversal, zip slip). Use when the user asks for a code security audit, SAST scan, vulnerability scan of source code, or wants to find security flaws in a codebase or library. Use when this capability is needed.

tomevault-io Bundle

Capture browser console logs and dev server output to files with agent-tail. Use when debugging runtime errors, checking console output, tailing or diagnosing logs, or setting up Vite/Next.js log capture. Use when this capability is needed.

tomevault-io Bundle

Release echo-pdk packages to npm. Bumps versions, creates tags, triggers GitHub Actions, and verifies frontend consumption. Use when this capability is needed.

tomevault-io Bundle

Wagmi — React/Vue/Solid hooks and Core for Ethereum; config, connectors, read/write contracts, TanStack Query. Use when this capability is needed.

tomevault-io Bundle

Re-seed the HF performance-tracking baseline for an intentional runtime, dependency, or environment-caused benchmark shift using one or more reviewed normalized performance JSONs. Use when performance CI fails because metrics such as latency, throughput, component time, or peak memory changed for an accepted reason and the rolling median baseline in FastVideo/performance-tracking must be advanced from a consistent batch of reviewed source results. The workflow backs up existing history under /tmp, validates all source JSONs for the same (model_id, gpu_type), rejects internally inconsistent source batches, uploads one success=true reseed record per accepted source JSON, and offers to clean local temp state after a successful upload. Use when this capability is needed.

tomevault-io Bundle

Vue 奇技淫巧

tomevault-io Bundle

HeroUI v3 React Development Guide

tomevault-io Bundle

Analyze user experience patterns, best practices, and accessibility requirements Use when this capability is needed.