Web & Frontend

majiayu000 Bundle

Gestion d'état React avec Zustand, hooks personnalisés, et patterns de cleanup. MANDATORY pour state management. À utiliser lors de state global, custom hooks, ou quand l'utilisateur mentionne "state", "zustand", "useState", "useEffect", "cleanup".

majiayu000 Bundle

TypeScript coding standards for the Exceptionless frontend. Naming, imports, error handling, ESLint/Prettier configuration, and type safety. Keywords: TypeScript, ESLint, Prettier, naming conventions, kebab-case, named imports, type guards, interfaces, avoid any, Promise handling, try catch, braces

majiayu000 Bundle

Configures Vite build tool, HMR, and SWC transpilation for React development. Use when: modifying vite.config.ts, adding path aliases, configuring build output, optimizing bundle splitting, setting up environment variables, or debugging HMR issues.

majiayu000 Bundle

Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations.

majiayu000 Bundle

Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations.

majiayu000 Bundle

[Code Quality] Run linters and fix issues for backend or frontend

majiayu000 Bundle

Builds type-safe APIs with tRPC including routers, procedures, context, and client integration. Use when creating end-to-end type-safe APIs, building full-stack TypeScript applications, or replacing REST/GraphQL with simpler patterns.

majiayu000 Bundle

This skill should be used when the user asks to "update documentation for my changes", "check docs for this PR", "what docs need updating", "sync docs with code", "scaffold docs for this feature", "document this feature", "review docs completeness", "add docs for this change", "what documentation is affected", "docs impact", or mentions "docs/", "docs/01-app", "docs/02-pages", "MDX", "documentation update", "API reference", ".mdx files". Provides guided workflow for updating Next.js documentation based on code changes.

majiayu000 Bundle

Design scalable React components using functional components, hooks, composition patterns, and TypeScript. Use when building reusable component libraries and maintainable UI systems.

majiayu000 Bundle

Use when implementing new features or enhancements requiring multi-layer changes (Domain, Application, Persistence, API, Frontend).

majiayu000 Bundle

Product management UX skill for designing user journeys, information architecture, interaction flows, wireframe-level specs, usability heuristics, and experiment-driven iteration. Use for tasks like refining PRDs with UX requirements, defining success metrics, writing microcopy, accessibility considerations, and conducting user testing plans.

majiayu000 Bundle

Universal patterns for Convex components including installation, configuration, and usage. Use when working with Rate Limiter, Aggregate, Workpool, Workflow, or any Convex component from the ecosystem.

majiayu000 Bundle

Systematic debugging with four-phase framework + Makerkit-specific patterns. ALWAYS use when encountering bugs, errors, crashes, test failures, or unexpected behavior. Triggers include "bug", "error", "crash", "not working", "fails", "broken", "ça marche pas", "ne fonctionne pas", "erreur", "plantage", "cassé", "supabase error", "drizzle error", "migration fail", "rls fail", "hydration", "turborepo fail". Covers Supabase, Drizzle, Next.js App Router, and Turborepo debugging.

majiayu000 Bundle

Provides guidance and templates for containerizing applications using Docker. Use when a user wants to create Dockerfiles, optimize images, set up multi-container applications with docker-compose, or follow best practices for containerization. Includes templates for frontend (Next.js), backend (FastAPI), workers, and databases.

majiayu000 Bundle

Svelte 5 error handling. Use for error boundaries, async await expressions, loading states, and form errors.

majiayu000 Bundle

Frontend Implementation Workflow Agent. Frontend만 구현이 필요한 경우 사용합니다. UI 컴포넌트, 페이지, 상태 관리, API 연동 등을 오케스트레이션합니다.

majiayu000 Bundle

React Native, Flutter, and mobile development best practices. Use when building mobile apps, handling platform-specific behavior, or optimizing mobile performance.

majiayu000 Bundle

Next.js App Router architecture, Server Components, and modern patterns. Use when building Next.js apps, choosing rendering strategies, or optimizing data fetching.

majiayu000 Bundle

Pinia state management for Vue 3 including store creation, actions, getters, plugins, and DevTools integration.

majiayu000 Bundle

Manages React components, hooks, and lazy loading patterns for the SPA. Use when: creating components, writing hooks, implementing data fetching, managing state, or optimizing performance.

majiayu000 Bundle

React development including hooks, components, state management, and modern patterns. Activate for React components, JSX, hooks, context, and frontend development.

majiayu000 Bundle

Vue.js framework, components, state management, and routing patterns

majiayu000 Bundle

Use when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/emits best practices, VueUse integration, and reactive destructuring guidance

majiayu000 Bundle

Zod schema validation best practices for type safety, parsing, and error handling. This skill should be used when defining z.object schemas, using z.string validations, safeParse, or z.infer. This skill does NOT cover React Hook Form integration patterns (use react-hook-form skill) or OpenAPI client generation (use orval skill).

majiayu000 Bundle

Use this skill when the user mentions "pinme", or needs to upload files, store to IPFS, create/publish/deploy websites or full-stack services (including frontend pages, backend APIs, database storage, email sending, etc.), or any feature requiring backend database/server support.

majiayu000 Bundle

Use when optimizing or reviewing large lists, virtual scrolling, windowing, react-window, TanStack Virtual, variable-height rows, dynamic measurement, infinite scroll, grid virtualization, or scroll performance; Chinese triggers include 虚拟列表, 大列表优化, 滚动性能.

majiayu000 Bundle

Create, modify, validate, and analyze Codex AI assets such as AGENTS.md files, Codex skills, templates, and supporting scripts. Use when building or maintaining the repository's Codex-specific AI component package.

majiayu000 Bundle

Build fast unit and integration tests with Vitest 4.x. Covers configuration for Workers/React/Node, vi.mock/vi.spyOn patterns, snapshot testing, in-source testing, workspace configuration, and browser mode. Use when: setting up tests, migrating from Jest, mocking modules, testing React components, or configuring monorepo workspaces. Keywords: vitest, test, unit test, vi.mock, vi.spyOn, snapshot, coverage, Jest migration.

majiayu000 Bundle

Fetch up-to-date library documentation via Context7 REST API. Use when needing current API docs, framework patterns, or code examples for any library. Use when user asks about React, Next.js, Prisma, Express, Vue, Angular, Svelte, or any npm/PyPI package. Use when user says 'how do I use X library', 'what's the API for Y', or needs official documentation. Lightweight alternative to Context7 MCP with no persistent context overhead.

majiayu000 Bundle

前端开发规范，包含 Vue 3 编码规范、UI 风格约束、TypeScript 规范等

majiayu000 Bundle

Translates high-level aesthetic or behavioral "vibe" requests (e.g., "Make it feel like 90s cyberpunk", "Apple-style minimalism") into concrete code changes (CSS, Animation, Copy).

majiayu000 Bundle

UI component patterns for React 19, shadcn/ui, and Tailwind. Use when working on files in src/components/.

majiayu000 Bundle

Frontend patterns: component design, state management, performance, accessibility. Use when building web frontends, components, or client-side apps.

majiayu000 Bundle

Use when working on TRENCHWORK UI, Tauri app, trench-ui/, Canvas rendering, CRT display, control labels, layout, visual design, MFD aesthetic, or any frontend/interface work

majiayu000 Bundle

UI/UX and frontend design best practices guidelines (formerly frontend-design). This skill should be used when writing, reviewing, or designing frontend code to ensure accessibility, performance, and usability. Triggers on tasks involving HTML structure, CSS styling, responsive layouts, form design, animations, or accessibility improvements.

majiayu000 Bundle

Primary entry point for ALL UI changes. Orchestrates theme-ui-specialist and react-specialist as sub-agents. Masters layout composition, visual hierarchy, spacing, interaction patterns, and component selection. Use for any UI/styling task, new component creation, component design, page layout, visual hierarchy, or interaction pattern decisions. Delegates theme compliance to theme-ui-specialist and component logic to react-specialist.