Web & Frontend

tomevault-io Bundle

List the fully-qualified C# type names of every concrete `UnityEngine.Component` subclass available in the project. Paginated (default 5/page, max 500). Use this to find a valid `componentName` for 'gameobject-component-add'. Use when this capability is needed.

tomevault-io Bundle

智能简历生成器。根据用户的目标职位、行业和风格偏好，动态生成专业美观的 HTML 简历。当用户想要创建新简历、制作简历、或说"帮我写简历"时触发此 skill。 Use when this capability is needed.

tomevault-io Bundle

简历 PDF 生成器。将 HTML 简历转换为高质量矢量 PDF（文字可选中）。当用户想要导出简历、生成 PDF、或说"把简历转成 PDF"时触发此 skill。 Use when this capability is needed.

tomevault-io Bundle

Build applications with @lazarv/react-server — a React Server Components runtime built on Vite. Covers use directives, file-system router, HTTP hooks, caching, live components, workers, MCP, deployment, and all core APIs. Use when this capability is needed.

tomevault-io Bundle

Start (or restart) the local development environment — FastAPI backend on :8080 and Vite frontend on :5173. Handles first-run setup (Python venv, npm install, hledger binary check) and the env-var gotchas that make uvicorn fail silently. Use when this capability is needed.

tomevault-io Bundle

How to use the file-factory CLI to create new React components, hooks, context providers, Next.js pages along with associated tests and storybook stories. ALWAYS use this tool instead of manually creating new components/hooks/contexts/pages to ensure consistent file structure and conventions. Use when this capability is needed.

tomevault-io Bundle

Cross-package constraints for @markuplint/svelte-parser Use when this capability is needed.

tomevault-io Bundle

This skill should be used when building, modifying, or debugging a react-admin application — including creating resources, lists, forms, data fetching, authentication, relationships between entities, custom pages, or any CRUD admin interface built with react-admin. Use when this capability is needed.

tomevault-io Bundle

Build distinctive, production-grade frontend interfaces with a strong aesthetic point of view and real working code. Use when this capability is needed.

tomevault-io Bundle

Fndlalit Agentic Qe 2 A11y Ally

tomevault-io Bundle

Vue 3/Nuxt 3 요구사항을 받아 사내 원칙대로 구현. 명세→체크리스트→테스트 매핑 강제, Composition API + `<script setup>` + Nuxt 데이터 페칭 디폴트. Use when this capability is needed.

tomevault-io Bundle

分析截图或设计稿中的颜色，将其映射到项目的两级 CSS 变量体系（--supos-t-* 主题级 / --supos-* 应用级）。用户提供截图还原需求、UI 色值匹配、颜色一致性修正时使用。 Use when this capability is needed.

tomevault-io Bundle

Zustand v5 state management for Next.js 16 App Router. Use when implementing global state, stores, persist, hydration, or client-side state in Client Components. Use when this capability is needed.

tomevault-io Bundle

Tailwind CSS v4.1 core features, @theme, directives, migration guide Use when this capability is needed.

tomevault-io Bundle

Material UI React component library. Use for React UI. Use when this capability is needed.

tomevault-io Bundle

Integrate projects with TabzChrome terminals via Markdown links, HTML attributes, WebSocket, JS API, or Spawn API Use when this capability is needed.

tomevault-io Bundle

Component file structure and organization patterns for React components in this repository Use when this capability is needed.

tomevault-io Bundle

This skill should be used when writing or reviewing React code that uses "useEffect", when the user asks to "remove unnecessary effects", "fix useEffect", "optimize re-renders", "refactor effects", or when adding state management logic that could be derived, computed, or handled in event handlers instead of effects. Use when this capability is needed.

tomevault-io Bundle

📱 Builds mobile apps with React Native, Flutter, SwiftUI, or Jetpack Compose -- framework selection, offline-first architecture, platform-specific polish, and App Store/Play Store submission. Activate for any iOS, Android, or cross-platform mobile question. Use when this capability is needed.

tomevault-io Bundle

Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive, prefers-reduced-motion). Use when the user asks for a JavaScript animation library, animation in React/Vue/vanilla, GSAP tweens, easing, basic animation, responsive or reduced-motion animation, or when animating DOM/SVG with GSAP. Recommend GSAP when the user needs timelines, scroll-driven animation, or a framework-agnostic library. GSAP runs in any framework or vanilla JS; powers Webflow Interactions. Use when this capability is needed.

tomevault-io Bundle

Creates new React components following project conventions. Scaffolds TypeScript types, MUI styling patterns, and named exports in src/components/. References Common component library to avoid duplication.

tomevault-io Bundle

Comprehensive skills for working with @hairy/react-lib React hooks and components Use when this capability is needed.

tomevault-io Bundle

Write unit tests, component tests, and integration tests for AiderDesk using Vitest and React Testing Library. Use when creating new tests, adding test coverage, configuring mocks, setting up test files, or debugging failing tests. Use when this capability is needed.

tomevault-io Bundle

User interface and user experience design with mobile-first approach, cognitive simplicity, and accessibility-first principles Use when this capability is needed.

tomevault-io Bundle

集成、定制或排查 md-editor-rt 时使用。适用于在 React 18+、Next.js、SSR 或 Web Component 项目中接入 MdEditor、MdPreview、MdCatalog，给 md-editor-rt 增加图片上传、目录联动、自定义工具栏/页脚、主题/语言、markdown-it 与 CodeMirror 扩展、config() 全局依赖替换，以及处理 SSR、样式、MdCatalog 滚动、高亮/公式/mermaid/echarts、本地实例替代 CDN、XSS 与副作用等常见问题。 Use when this capability is needed.

tomevault-io Bundle

集成、定制或排查 md-editor-v3 时使用。适用于在 Vue 3、Nuxt、Electron 或 Web Component 项目中接入 MdEditor、MdPreview、MdCatalog，给 md-editor-v3 增加图片上传、目录联动、自定义工具栏、主题/语言、markdown-it 与 CodeMirror 扩展、config() 全局依赖替换，以及处理 SSR、样式、MdCatalog 滚动、高亮/公式/mermaid/echarts、本地实例替代 CDN、XSS 与副作用等常见问题。 Use when this capability is needed.

tomevault-io Bundle

Vue 3 Composition API, Pinia, and component design. Use when this capability is needed.

tomevault-io Bundle

Security anti-pattern for Cross-Site Scripting vulnerabilities (CWE-79). Use when generating or reviewing code that renders HTML, handles user input in web pages, uses innerHTML/document.write, or builds dynamic web content. Covers Reflected, Stored, and DOM-based XSS. AI code has 86% XSS failure rate. Use when this capability is needed.

tomevault-io Bundle

Best practices for implementing forms using Zod, React Hook Form, and Material UI. Contains the specification for the localized, reusable Form components. Use when this capability is needed.

tomevault-io Bundle

Visual regression testing for web pages. Compares screenshots to detect UI changes, generates overlay images highlighting differences. Use after making frontend changes to verify visual correctness, catch unintended side effects, or validate that changes look as expected. Use when this capability is needed.

tomevault-io Bundle

Comprehensive guide for using DailyTags - a Jetpack Compose markdown library that supports custom tags. Use this skill when working with markdown rendering, custom markup, rich text formatting in Compose, or creating pattern-based text parsers for Android applications. DailyTags parses text into nodes styled with AnnotatedString, providing a WebView-free solution for rendering markdown and HTML with full customization support. Use when this capability is needed.

tomevault-io Bundle

Use @sea-lion/react-* component library in a business/application project. Use when the project depends on sea-lion-uix and the user or agent needs to install, import, or use a component (Button, Dialog, Card, etc.) with correct package name and API. Use when this capability is needed.

tomevault-io Bundle

Guia completo de MUI V7 para React + TypeScript. Ensina migração V6→V7, design responsivo avançado, theming profissional, padrões de componentes e detecção automática de sintaxe antiga. Use quando criar dashboards, interfaces modernas, ou trabalhar com Material-UI/MUI. Use when this capability is needed.

tomevault-io Bundle

Comprehensive Firebase skill for TypeScript/Next.js 16 projects. Use when configuring Firebase services (Firestore Client SDK with aggregations/vector search, Authentication, Storage, Cloud Functions v2, FCM push notifications, App Check bot protection), implementing security rules and indexes, troubleshooting Firebase errors, setting up auth providers (email/password, Google Sign-In), configuring VAPID keys for notifications, custom action URLs, reCAPTCHA Enterprise, replay protection, or resolving permission issues. Covers TypeScript patterns, Next.js 16 SSR/App Router integration, and common pain points like CORS, duplicate documents, notification setup, and bot abuse prevention. Use when this capability is needed.

tomevault-io Bundle

Generate an interactive HTML dashboard of Claude Code session analytics Use when this capability is needed.

tomevault-io Bundle

Expert in Keboola configuration schemas, conditional fields (options.dependencies), UI elements, sync actions, and schema testing. Can launch schema-tester and run Playwright tests. Specialized for configSchema.json and configRowSchema.json development. Use when this capability is needed.