Web & Frontend

majiayu000 Bundle

Interactive maps and geospatial visualizations for Composable Svelte. Use when implementing maps, geolocation, markers, overlays, or geospatial data visualization. Covers Map component, markers, popups, GeoJSON layers, heatmaps, tile providers, viewport controls from @composable-svelte/maps package built with Maplibre GL.

majiayu000 Bundle

This skill enforces the Container/View pattern for React components. It should be used when creating new components, validating existing components, or refactoring components to follow the separation of concerns pattern where Container handles logic and View handles presentation.

majiayu000 Bundle

새 탭 추가 시 필요한 보일러플레이트(컴포넌트, lazy import, 권한, 메타데이터)를 자동 생성합니다. 새 탭 추가 시 사용.

majiayu000 Bundle

Guides writing, reviewing, and reasoning about modern Android UI code using Jetpack Compose. Covers best practices for state management, side effects, recomposition, navigation, Material 3 design, accessibility, and performance. Use when reading, writing, or reviewing any Jetpack Compose project.

majiayu000 Bundle

Build Next.js applications with App Router and Pages Router, including Server Components, Server Actions, data fetching, and routing. Use when building Next.js apps, implementing SSR/SSG, or creating API routes.

majiayu000 Bundle

Scaffold Next.js App Router API routes with Zod validation, error handling, and TypeScript types. Use when asked to create API routes, REST endpoints, CRUD operations, or scaffold a Next.js backend.

majiayu000 Bundle

Frontend implementation rules for PMTL_VN. Use for React or Next.js feature work, UI refactors, and frontend code reviews that should follow repo conventions, human-like code quality, and strict production-ready discipline.

majiayu000 Bundle

Expert in TanStack Query (React Query) v5 for data fetching, caching, mutations, and server state management. Deep knowledge of query keys, staleTime/gcTime tuning, cache invalidation, optimistic updates, dependent queries, and this project's Ponder + wagmi integration. Use for React Query tasks, cache strategy, query architecture, performance optimization, or debugging stale/refetch issues.

majiayu000 Bundle

Implement JSON-LD structured data for Next.js applications using Schema.org vocabulary for rich results, Knowledge Graph entries, and enhanced search appearances. CRITICAL: Includes January 2026 Google Schema deprecations warning (5 types discontinued). Use when adding structured data, implementing rich results, validating Schema.org markup, or migrating deprecated schema types.

majiayu000 Bundle

React Native upgrade workflow covering updated templates, dependencies, and common pitfalls. Use when migrating a React Native app to a newer release.

majiayu000 Bundle

tRPC type-safe API patterns, procedures, middleware, React Query integration

majiayu000 Bundle

Import DevExpert testimonials from Google Sheets (gog) or pasted TSV lists, format text with line breaks, crop profile images to 400x400, copy them to src/assets/testimonials, update src/data/testimonials.json, and optionally update AI Expert IDs in src/pages/cursos/expert/ai.astro. Use when adding new testimonials or processing images.

majiayu000 Bundle

Gemini expert consultation for architecture design, second opinions, and code review. Use when: user requests Gemini, need alternative perspective, or get independent review. Gemini 是与 Claude 同等级别的顶级 AI 专家，按需调用。 **注意：前端/UI 任务应使用专门的 Frontend 代理！**

majiayu000 Bundle

Use when building any Flutter screen or component to choose responsive Row, Column, Expanded, Flexible, and Spacer layouts before fixed-size or coordinate-based alternatives.

majiayu000 Bundle

Use when implementing critical user workflows that span multiple pages/components - tests complete journeys end-to-end using Page Object Model, user-centric selectors, and condition-based waiting; use sparingly (10-15% of tests)

majiayu000 Bundle

Vue Test Utils patterns - mount, shallowMount, wrapper API, trigger, setValue, flushPromises, testing composables, Pinia store mocking

majiayu000 Bundle

用于创建、配置、审查或调试前端应用、库、SDK、CLI、monorepo 包中的 TypeScript 项目规范，包括 tsconfig、strictness、module/moduleResolution、路径别名、project references、声明文件、package exports、公共 API 类型、DTO、高级泛型、判别联合、类型守卫、类型收窄或类型级回归。React/Vue/Next/Nuxt 组件架构优先使用框架项目 skill；中文触发词包括 TypeScript 项目规范、TS 项目规范、TypeScript 类型安全、类型建模、泛型、判别联合、类型收窄、tsconfig、声明文件。

majiayu000 Bundle

Aico Frontend Style Extraction

majiayu000 Bundle

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

majiayu000 Bundle

Comprehensive Citrix environment health assessment and diagnostics. Use when analyzing Citrix site health, checking VDA registration status, verifying Delivery Controller services, assessing StoreFront availability, or performing environment audits. Covers infrastructure health, database connectivity, resource utilization, and component status verification.

majiayu000 Bundle

Best practices for wrapping shadcn/ui components. Apply when creating 8-bit styled variants of existing shadcn/ui components.

majiayu000 Bundle

Teach image optimization configuration changes in Next.js 16. Use when configuring images, troubleshooting image loading, or migrating image settings.

majiayu000 Bundle

Architect bespoke React renderers for non-DOM environments using the `react-reconciler` package.

majiayu000 Bundle

自动化数据探索和可视化工具，提供从数据加载到专业报告生成的完整EDA解决方案。支持多种图表类型、智能数据诊断、建模评估和HTML报告生成。适用于医疗、金融、电商等领域的数据分析项目。

majiayu000 Bundle

This skill should be used when debugging Vue Flow canvas issues involving nested nodes, parent-child relationships, position coordinate systems, and containment detection. Triggers on nested group problems, section nodes jumping, parent-child synchronization bugs, position persistence issues, and coordinate transformation errors in Vue Flow implementations.

majiayu000 Bundle

Build Vue 3 UI extensions for Directus with modern patterns, real-time data, and responsive design

majiayu000 Bundle

Accessibility: WCAG compliance, assistive technologies, inclusive design.

majiayu000 Bundle

Write JavaScript/TypeScript for business applications (frontend and backend) with CRUD, API integration, and data transforms that are correct, readable, and easy to trust. Use when building or reviewing features involving forms, API responses, list/detail views, aggregations, or request/response shaping so outputs need minimal inspection.

majiayu000 Bundle

Converts Lotus Notes rich text fields to standard formats (HTML, markdown, plain text). Use when migrating formatted content, extracting text styling and formatting, handling embedded objects (images, attachments, tables), or preparing rich text data for new systems.

majiayu000 Bundle

Builds sophisticated admin interfaces and frontend components using Magento's UI Component framework. Use when creating admin grids, forms, modals, or data-driven interfaces. Masters XML configuration, KnockoutJS templates, data providers, and complex form/grid implementations.

majiayu000 Bundle

Teaches when to use local state vs global state (Context) in React 19. Use when deciding state management strategy, avoiding prop drilling, or architecting component state.

majiayu000 Bundle

Migrates Vendure Admin UI extensions (legacy Angular-based) to the new React Dashboard.

majiayu000 Bundle

Standard project structure, routing, and component patterns for Next.js 16 App Router applications, so that layouts, pages, and data fetching stay consistent across projects.

majiayu000 Bundle

Install and use the Unified Balance component for cross-chain balance aggregation. Use when you need a balance panel with per-chain breakdown.

majiayu000 Bundle

Teaches what React Compiler handles automatically in React 19, reducing need for manual memoization. Use when optimizing performance or deciding when to use useMemo/useCallback.

majiayu000 Bundle

Conduct rigorous, statistically grounded performance profiling for large React applications.