Web & Frontend

tomevault-io Bundle

Create Page Designer pages and components in B2C Commerce. Use when building visual merchandising tools, content slots, or experience API integrations. Covers page types, component types, regions, attribute definitions, component type ID and subfolders, enum and custom/color attribute pitfalls, and troubleshooting when a component does not appear in the editor. Use when this capability is needed.

tomevault-io Bundle

Enforces testing standards when writing unit tests, integration tests, or agent evaluation tests. Covers test directory structure, naming conventions, fixture and setup patterns, mocking strategy, async testing, coverage requirements, and LLM-as-judge evaluation. Language-specific conventions (Python/pytest, Java/JUnit, C#/xUnit, React/Vitest) are loaded from bundled reference packs. Use this skill when writing tests, creating test files, setting up fixtures, mocking services, or reviewing test code for standards compliance. Use when this capability is needed.

tomevault-io Bundle

Apply platform accessibility best practices to SwiftUI, UIKit, and AppKit code. Essential companion to any SwiftUI, UIKit, or AppKit skill — always use together. Use whenever writing, editing, or reviewing ANY SwiftUI views, UIKit view controllers, AppKit views/window controllers, or platform UI — even when the user doesn't mention accessibility. Also use when the user mentions VoiceOver, Voice Control, Dynamic Type, Reduce Motion, screen reader, a11y, WCAG, accessibility audit, Nutrition Labels, accessibilityLabel, UIAccessibility, NSAccessibility, assistive technologies, or Switch Control. Not for server-side Swift, non-UI packages, or CLI tools. Use when this capability is needed.

tomevault-io Bundle

Chrome Extension development best practices for Manifest V3. Covers architecture patterns (service workers, content scripts, messaging), security (CSP, permissions, XSS prevention), performance (lazy loading, code splitting, memory management), testing (Jest mocks, Playwright E2E), UI/UX, accessibility, i18n, and Firebase integration. Use when building or reviewing Chrome extensions, implementing background/content scripts, setting up messaging, or optimizing extension performance. Use when this capability is needed.

tomevault-io Bundle

You are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive technology compatibility. Conduct audits, identify barriers, and provide remediation guidance. Use when this capability is needed.

tomevault-io Bundle

Create a UI component that meets premium aesthetic standards. Use when this capability is needed.

tomevault-io Bundle

Apply for nextjs-react-tailwind-cursorrules-prompt-file. - You are an expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, and Tailwind and Framer Motion. - Code Style and Structure - Write concise, technical TypeScript code with accurate ex Use when this capability is needed.

tomevault-io Bundle

WorkOS AuthKit is a real authentication toolkit for Next.js applications. It gives agents a concrete integration target for login, sessions, RBAC, SSO, MFA, and user management backed by WorkOS docs and package releases. Use when this capability is needed.

tomevault-io Bundle

Create polished dark-themed architecture diagrams as self-contained HTML+SVG files. Use when the user asks for system, infrastructure, cloud, security, or network topology diagrams. Use when this capability is needed.

tomevault-io Bundle

Integrate react-native-reanimated-dnd for drag-and-drop, sortable lists, sortable grids, and drop zones in React Native apps. Covers components, hooks, and all configuration options. Use when this capability is needed.

tomevault-io Bundle

Provides SSE streaming patterns for the chat API and frontend. Use when implementing or modifying chat streaming, handling SSE events, or troubleshooting message flow between frontend and backend.

tomevault-io Bundle

Use when building or modifying UIs that need directional focus (arrow keys, TV remotes, gamepads) with the Norigin Spatial Navigation library. Covers `useFocusable`, `FocusContext`, programmatic focus, and common Smart TV / set-top-box patterns.

tomevault-io Bundle

Automatically validate DAPR configuration files (dapr.yaml, component YAML files) when they are created or modified. Checks for schema compliance, missing required fields, invalid values, and common misconfigurations. Use when validating DAPR configs, reviewing component setup, or before deployment. Use when this capability is needed.

tomevault-io Bundle

Scans DAPR projects for security issues including plain-text secrets, missing ACLs, insecure configurations, and security best practice violations. Automatically triggers on component file modifications. Use when this capability is needed.

tomevault-io Bundle

Apply for react-native-expo-cursorrules-prompt-file. // React Native Expo .cursorrules // React Native Expo best practices const reactNativeExpoBestPractices = [ Use when this capability is needed.

tomevault-io Bundle

Apply for typescript-nextjs-cursorrules-prompt-file. You are an expert in TypeScript, Node.js, Next.js App Router, Drizzle ORM, React, Daisy UI and Tailwind. Always run bun as a package manager (and not npm) Follow the user's requirements carefully and Use when this capability is needed.

tomevault-io Bundle

vue-markdown-next monorepo 的项目结构与模块地图。用于定位 `packages/parser`、`packages/vue`、`app/markdown-next-preview`、`app/markdown-next-docs` 的代码入口，选择正确的测试/构建命令，判断依赖应修改哪个 `package.json`，或排查 Worker + Vite 兼容问题时。 Use when this capability is needed.

tomevault-io Bundle

diagram-driven reverse engineering, artifact generation, and migration planning for codebases. use when analyzing an existing repository to extract architecture and pseudocode, generating C4/UML/sequence/state/DFD artifacts, planning a language or framework migration such as TypeScript/React to Rust, executing a diagram-driven TS→Rust conversion cycle with work orders and verification gates, or producing a reusable analysis packet for an agent orchestration dashboard. invoke at the start of any migration engagement before writing any implementation code. Use when this capability is needed.

tomevault-io Bundle

AHCスタイルのヒューリスティックコンテスト用WASMビジュアライザを実装する。problem_description.txt と tools/src/ が揃っているときに使用する。フロントエンド(React/TypeScript)は原則変更しない。 Use when this capability is needed.

tomevault-io Bundle

Expert at automatically applying improvements to Claude Code components based on quality analysis. Enhances descriptions, optimizes tool permissions, strengthens security, and improves usability. Works in conjunction with analyzing-component-quality skill. Use when this capability is needed.

tomevault-io Bundle

RNTL Test Writing Guide

tomevault-io Bundle

End-to-end review of shadcn/ui components in libs/shadcnui/src/lib. Use when this capability is needed.

tomevault-io Bundle

Converts HTML/CSS to WPF CustomControl XAML with correct patterns and common pitfall solutions. Use when transforming web designs to WPF, converting CSS animations to Storyboards, implementing CSS border-radius clipping, CSS pseudo-elements (::before/::after), or CSS transforms in XAML.

tomevault-io Bundle

This skill provides a curated set of cross-platform design guideline prompts for building consistent, high-quality UIs. Each guideline defines common rules, component-specific guides, and an auto-derived token system — all driven by minimal user inputs. Use when this capability is needed.

tomevault-io Bundle

Use PROACTIVELY when creating new React projects requiring modern tooling and best practices. Provides three modes - sandbox (Vite + React for quick experiments), enterprise (Next.js with testing and CI/CD), and mobile (Expo + React Native). Enforces TypeScript strict mode, Testing Trophy approach, and 80% coverage. Not for non-React projects or modifying existing applications. Use when this capability is needed.

tomevault-io Bundle

React Render Types — Setup

tomevault-io Bundle

Tailwind Class Optimizer

tomevault-io Bundle

Review functional area and component documentation to check that it adheres to repo standards. Use when this capability is needed.

tomevault-io Bundle

Tailwind CSS integration guide for React, Vue, Next.js, and other frameworks Use when this capability is needed.

tomevault-io Bundle

nextjs-react-typescript-cursorrules-prompt-file

tomevault-io Bundle

Apply for python-typescript-guide-cursorrules-prompt-file. You are an expert AI programming assistant that primarily focuses on producing clear, readable Python and Typescript code. You always use the latest stable version of Django and React, and you are fam Use when this capability is needed.

tomevault-io Bundle

Faust.js by WP Engine is a JavaScript framework and WordPress plugin that streamlines building headless WordPress sites with Next.js. It handles data fetching via WPGraphQL, authentication, content previews, and server-side rendering, providing a production-ready bridge between WordPress as a CMS and React-based frontends. Use when this capability is needed.

tomevault-io Bundle

Guide for creating features, modules, pages, routing, auth adapters, i18n support, and managing structured configurations in the Next.js boilerplate. Use this skill when implementing new business logic, extending components, setting up multi-language interfaces, or adjusting Next.js App Router endpoints. Use when this capability is needed.

tomevault-io Bundle

Guides Tailwind CSS v4 patterns for buttons and components. Use this skill when creating components with variants, choosing between CVA/tailwind-variants, or configuring Tailwind v4's CSS-first approach. Use when this capability is needed.

tomevault-io Bundle

React Component Generator

tomevault-io Bundle

- You are an expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI and Tailwind.