Web & Frontend

tomevault-io Bundle

React Native Multithreading with Worklets

tomevault-io Bundle

Enforces Effect-TS patterns for services, errors, layers, and atoms. Use when writing code with Effect.Service, Schema.TaggedError, Layer composition, or effect-atom React components. Use when this capability is needed.

tomevault-io Bundle

Tailwind CSS Development

tomevault-io Bundle

Guidelines for using Material UI (MUI) components instead of native HTML elements. Use this when creating or refactoring UI components. Use when this capability is needed.

tomevault-io Bundle

This skill should be used when the user asks about libraries, frameworks, API references, or needs code examples. Activates for setup questions, code generation involving libraries, or mentions of specific frameworks like React, Vue, Next.js, Prisma, Supabase, etc. Use when this capability is needed.

tomevault-io Bundle

ACTIVATE when the user works on authentication in Laravel. This includes login, registration, password reset, email verification, two-factor authentication (2FA/TOTP/QR codes/recovery codes), passkeys, profile updates, password confirmation, or any auth-related routes and controllers. Activate when the user mentions Fortify, auth, authentication, login, register, signup, forgot password, verify email, 2FA, passkeys, WebAuthn, or references app/Actions/Fortify/, CreateNewUser, UpdateUserProfileInformation, FortifyServiceProvider, config/fortify.php, or auth guards. Fortify is the frontend-agnostic authentication backend for Laravel that registers all auth routes and controllers. Also activate when building SPA or headless authentication, customizing login redirects, overriding response contracts like LoginResponse, or configuring login throttling. Do NOT activate for Laravel Passport (OAuth2 API tokens), Socialite (OAuth social login), or non-auth Laravel features. Use when this capability is needed.

tomevault-io Bundle

Write multi-chapter books (technical, tutorial, monograph, etc.) end-to-end. Handles outline planning, per-chapter drafting that stays coherent across long manuscripts, chapter review, and final HTML/PDF build. Trigger when user mentions "写书", "写一本书", "出书", "技术书", "book writing", "逐章写作", "O'Reilly", "mdbook", or wants to author a multi-chapter book. Use when this capability is needed.

tomevault-io Bundle

Generate project scaffolds from descriptions. Use when starting a new project, scaffolding, or creating "CLI in Go", "React app with auth", or similar from a short description. Use when this capability is needed.

tomevault-io Bundle

Expert in Svelte and SvelteKit development with modern patterns and SSR Use when this capability is needed.

tomevault-io Bundle

Re-render Scalex banner and OG image PNGs from their HTML source files using Chrome DevTools MCP. Use this skill whenever banner HTML files are edited (slogan changes, color tweaks, layout changes) and the corresponding PNGs need to be regenerated. Triggers on "capture banners", "update banner images", "re-render banners", "regenerate PNGs", or after any edit to files in site/*-banner*.html or site/og-banner*.html. Use when this capability is needed.

tomevault-io Bundle

Formal business case and proposal generator that produces customer-facing HTML documents with ROI framing and implementation details. Use when user says "create a proposal", "business case", "proposal for [company]", "formal pitch", or asks for a closing document. Use when this capability is needed.

tomevault-io Bundle

Internationalize and localize applications using ampel-i18n-builder. Use when the user wants to (1) extract translatable strings from source code, (2) refactor code to automatically replace hardcoded strings with i18n calls, (3) add multi-language support to a project, (4) translate an app into multiple languages, (5) generate i18n translation files, (6) check translation coverage or find missing translations, (7) sync translations across locales, or when user types /ampel-i18n:localize. Supports React/TypeScript (JSON), Rust (YAML), and Java/Spring (.properties). Use when this capability is needed.

tomevault-io Bundle

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs. Use when this capability is needed.

tomevault-io Bundle

Refactor a large React component file into a directory of smaller files. Use when the user asks to break up, split, or refactor a big component file. Use when this capability is needed.

tomevault-io Bundle

Next.js framework best practices including App Router, data fetching, and performance optimization. Use when this capability is needed.

tomevault-io Bundle

Vue 3 Composition API patterns — script setup macros, reactivity, composables, lifecycle, built-in components. Loaded when writing or reviewing Vue SFC files. MUST be used for Vue.js tasks. Use when this capability is needed.

tomevault-io Bundle

Build on-device AI features in React Native and Expo apps with React Native ExecuTorch. Use when adding AI to a mobile app without cloud dependencies — chatbots, image classification, object detection, OCR, semantic or instance segmentation, style transfer, image generation, pose estimation, speech-to-text, text-to-speech, voice activity detection, semantic search with embeddings, tokenization, privacy / PII redaction, or vision-language image understanding. Also use when mentioning offline / on-device / privacy AI, reducing cloud cost or latency, or managing ML models. Covers initExecutorch and every hook (useLLM, useClassification, useObjectDetection, useOCR, useSemanticSegmentation, useInstanceSegmentation, useStyleTransfer, useTextToImage, useImageEmbeddings, usePoseEstimation, useSpeechToText, useTextToSpeech, useVAD, useTextEmbeddings, useTokenizer, usePrivacyFilter, useExecutorchModule), tool calling, structured output, VLMs, Expo and bare resource-fetcher adapters, and error handling. Use when this ca

tomevault-io Bundle

Use when working in a repository that uses the VenusCN component library, or when building React and Next.js interfaces that should match the Contentstack Venus visual language. Helps agents orient quickly, find the right source files, prefer existing components over ad hoc UI, use the demo app as a reference implementation, and run the correct validation commands.

tomevault-io Bundle

Use Folio (folio-db-next) to persist data in Next.js apps as markdown files with YAML frontmatter, backed by a pluggable StorageAdapter (Vercel Blob, filesystem, HTTP, memory). Use whenever the user wants document-centric storage, a lightweight CMS-like layer, markdown-driven content, or asks about `createFolio`, `Volume`, "folio-db-*", "folio-next", or "the Desk". Also use when the user wants a git-friendly data layer, an alternative to a SQL/Mongo database for small-to-medium structured content, or needs to wire Vercel Blob into a Next.js app for content storage. Use when this capability is needed.

tomevault-io Bundle

WCAG 2.1 AA audit — perceivable, operable, understandable, robust criteria. Deep-dive for /launch-check accessibility. Use when this capability is needed.

tomevault-io Bundle

Clerk authentication router. Use when user asks about adding authentication, setting up Clerk, custom sign-in flows, Swift or native iOS auth, Next.js patterns, organizations, syncing users, or testing. Automatically routes to the specific skill based on their task. Use when this capability is needed.

tomevault-io Bundle

WHEN authoring CSS/styles/layout for web UI; outputs production-ready, accessible, maintainable CSS. Use when this capability is needed.

tomevault-io Bundle

Use the pdf-vue3 Vue 3 component to render PDFs (URL, base64, or Uint8Array) with built-in virtual scrolling, crisp zoom, print, download, and page navigation. Trigger when the user asks to display a PDF in a Vue 3 / Nuxt 3 app, mentions `pdf-vue3` or `<PDF />`, needs to handle large/multi-thousand-page PDFs, S3 presigned URLs, in-browser PDF zoom or printing, or asks how to migrate from `pdf-vue3@1.x` to `2.x`. Use when this capability is needed.

tomevault-io Bundle

AI SDK UI - Frontend React Hooks

tomevault-io Bundle

Guide for building interactive web UIs with Datastar and gomponents-datastar. Use this skill when adding frontend interactivity to Go web applications with Datastar attributes. Use when this capability is needed.

tomevault-io Bundle

Guidelines for building, styling, and structuring HyperUI component blocks. Use when this capability is needed.

tomevault-io Bundle

Convert files and URLs to Markdown. Supports PDF, DOCX, PPTX, XLSX, HTML, EPUB, CSV, JSON, GitHub URLs, images, audio, ZIP, and more. Use when you need to extract content from any document format. Use when this capability is needed.

tomevault-io Bundle

Answers questions about a code repository using source file analysis. Use when the user asks a question about how something works, wants to understand a component, or needs help navigating the codebase. Use when this capability is needed.

tomevault-io Bundle

Add a complete Yontrack property type — Kotlin PropertyType class, GraphQL mutation provider, and all required frontend UI components (Icon, Display, Form, FormPrepare). Use when asked to create a new property type. Use when this capability is needed.

tomevault-io Bundle

Teach managed nullclaw agents to discover NullHub routes first and then use nullhub api for instance, provider, component, and NullBoiler workflow tasks. Use when this capability is needed.

tomevault-io Bundle

Personalized one-pager / leave-behind generator rendered as self-contained HTML. Use when user says "one-pager for [company]", "leave-behind", "follow-up doc", "demo summary", or asks for a concise customer-facing document. Use when this capability is needed.

tomevault-io Bundle

Shark UI skill for the Ark UI–based shadcn-style registry. Use when implementing or debugging components (overlays, menus, popovers, sheets, dialogs), collection-driven controls (combobox, select, list patterns), Field/forms, sidebar or chart docs patterns, Tailwind v4 tokens, or migrating Radix/shadcn examples to Shark. Also applies when using the shadcn CLI with `@shark/*`, `components.json`, or registry-style add/search/diff workflows. Use when this capability is needed.

tomevault-io Bundle

Add or audit full application translations across base locale files and partial i18n namespaces. Use when the user asks to add a new language, fix incomplete translations, remove English fallbacks, verify locale coverage, move language UI, or make future app sections translated in React/TypeScript apps with JSON locale files, especially FreeCut-style src/i18n/locales plus src/i18n/locales/partials structures. Use when this capability is needed.

tomevault-io Bundle

WinJS PC 模板（PC 端 Web）开发指南。包含 Vue 3 配置、Vite 构建、请求封装、路由。适用于：(1) create-win pc 模板创建的项目 (2) 修改 .winrc 配置 (3) 扩展 src/app.js (4) 编写 services 请求 (5) 配置路由与构建 (6) PC 浏览器项目（无 REM/VConsole）。 Use when this capability is needed.

tomevault-io Bundle

统一 Vue 与 wot-ui 组件源码中的注释和命名规范。用户要求规范组件 Props 注释、函数命名、类型说明、变量命名或在创建组件后补齐代码注释时调用；不负责 Demo、测试和文档迁移。 Use when this capability is needed.

tomevault-io Bundle

Svelte