Web & Frontend

majiayu000 Bundle

Use when implementing Tailwind CSS styling. Prefer utility-first composition and responsive patterns.

majiayu000 Bundle

Vue 3 patterns and best practices for this workout tracker: feature module architecture, createGlobalState() singleton state (not Pinia), defineModel two-way binding, and component gotchas. Use when c

majiayu000 Bundle

Use when writing UI tests, recording interactions, tests have race conditions, timing dependencies, inconsistent pass/fail behavior, or XCTest UI tests are flaky - covers Recording UI Automation (WWDC 2025), condition-based waiting, network conditioning, multi-factor testing, crash debugging, and accessibility-first testing patterns

majiayu000 Bundle

Diagnose errors and failing tests in Laravel + React + Python applications. Use when encountering bugs, exceptions, stack traces, 500 errors, TypeErrors, failing tests, or unexpected behavior. EXCLUSIVE to debugger agent.

majiayu000 Bundle

Provides Vitest-based TypeScript testing expertise and best practices. Ensures proper test structure, mocking strategies, async handling patterns, and coverage optimization. Specializes in unit testing, integration testing, test organization with describe/it blocks, vi.mock patterns, snapshot testing, and testing library integration for UI components. Use when: writing TypeScript test files (.spec.ts, .test.ts), structuring tests with describe/it/test blocks, implementing mocks with vi.mock/vi.spyOn, testing async code with async/await or promises, creating test fixtures and helpers, implementing snapshot tests, testing React components with Testing Library, measuring and improving code coverage, or configuring Vitest for TypeScript projects.

majiayu000 Bundle

Comprehensive LaTeX documentation from Wikibooks - server-rendered HTML with full tutorial content

majiayu000 Bundle

Create distinctive, production-grade Vue 3/TypeScript frontends with exceptional design quality

majiayu000 Bundle

Generates Mermaid v11+ diagrams with YAML frontmatter, ELK layout, and Dracula theming across 22 types: flowcharts, sequence diagrams, state machines, ER diagrams, class diagrams, mindmaps, block diagrams, journey maps, requirement diagrams, pie charts, quadrant charts, sankey diagrams, XY charts, radar charts, gantt charts, treemaps, C4 architecture, architecture-beta, packet-beta, timelines, gitgraph, and kanban boards. Use when visualizing logic flows, system architecture, state transitions, data relationships, temporal sequences, user journeys, project timelines, network protocols, or any structured diagram requiring theming, classDef styling, and WCAG 2.1 accessibility with accTitle and accDescr annotations.

majiayu000 Bundle

Design component architecture, state management, and React patterns. Use when: sdd-design assigns Component Architecture section. Triggers: "design components", "component architecture", "state management", "react patterns"

majiayu000 Bundle

Break down CWICR work items into component resources. Decompose aggregate items, analyze resource composition, and generate detailed bills of resources.

majiayu000 Bundle

驗證 maihouses 專案的 TypeScript/React 代碼品質，確保符合 CLAUDE.md 的最高規格標準。當修改或審查代碼時自動使用。

majiayu000 Bundle

UI/UX visual design, styling, and aesthetic validation

majiayu000 Bundle

Tailwind CSS v4 specialist for Treido. Use for styling, token usage, and globals.css theme mappings. Not for component logic or data.

majiayu000 Bundle

Expert in React Native 0.83+ native modules, Turbo Modules with Codegen, Fabric renderer, JSI (JavaScript Interface), New Architecture migration, bridging JavaScript and native code, iOS Swift modules, Android Kotlin modules, expo config plugins. Activates for native module, native code, bridge, turbo module, JSI, fabric, autolinking, custom native module, ios module, android module, swift, kotlin, objective-c, java native code, codegen, new architecture.

majiayu000 Bundle

Guide for testing EDS blocks using test.html files and the development server. Covers test file structure, EDS core integration, testing patterns, and debugging workflows for Adobe Edge Delivery Services blocks.

majiayu000 Bundle

When you need to run code before a request completes: auth checks, redirects, headers, A/B testing. **Version Context**: Next.js 16.0+ uses `proxy.ts` (replaces `middleware.ts` from v15 and earlier).

majiayu000 Bundle

Debug and validate Home Assistant dashboards, configurations, and entity usage via WebSocket API. Use when troubleshooting dashboard errors, validating entity IDs, checking HACS card installations, or investigating lovelace/frontend issues. Covers system logs, configuration validation, entity verification, and common error patterns.

majiayu000 Bundle

WCAG 2.1 AA/AAA accessibility compliance specialist for ARIA attributes, keyboard navigation, screen reader testing, color contrast validation, semantic HTML, and automated a11y testing with axe-core/

majiayu000 Bundle

LaTeX 模板高保真优化器，支持任意 LaTeX 模板的样式参数对齐、标题文字对齐、标题格式对比（加粗）、HTML 可视化报告、LaTeX 自动修复建议和像素级 PDF 对比验证

majiayu000 Bundle

Core UI/UX Foundation - Enterprise design systems, component architecture, accessibility, icons, and theming integration

majiayu000 Bundle

Setup Sentry Logging in any project. Use this when asked to add Sentry logs, enable structured logging, setup console log capture, or integrate logging with Sentry. Supports JavaScript, TypeScript, Python, Ruby, React, Next.js, and other frameworks.

majiayu000 Bundle

Use when designing, implementing, or reviewing responsive frontend layouts, mobile-first breakpoints, container queries, fluid grids, data-dense tables, touch targets, safe areas, orientation changes, viewport overflow, or cross-device UI behavior; Chinese triggers include 响应式布局, 移动端适配, 断点, 容器查询, 横竖屏, 触摸目标.

majiayu000 Bundle

Create distinctive, production-grade React/TypeScript frontends with exceptional design quality

majiayu000 Bundle

Create distinctive, production-grade Next.js applications with expert TypeScript architecture and exceptional visual design. Use this skill when building Next.js projects, React Server Components, full-stack TypeScript applications, or any frontend requiring both architectural excellence and visual distinction. Covers App Router patterns, type-safe APIs, Server Actions, and modern styling. Critically, this skill ensures Claude avoids generic "AI slop" aesthetics (Inter fonts, purple gradients, predictable layouts) and instead creates memorable, intentional interfaces. Triggers on requests for Next.js apps, dashboards, landing pages, SaaS applications, e-commerce sites, or any project needing both technical and aesthetic excellence.

majiayu000 Bundle

Design and operate multi-agent orchestration patterns (ReAct loops, evaluator-optimizer, orchestrator-workers, tool routing) for LLM systems. Use when building or debugging agent workflows, tool-use l

majiayu000 Bundle

Expert in debugging React Native and Expo mobile applications. Covers React DevTools, Flipper, Chrome DevTools, network debugging, crash analysis, error boundaries, debugging native modules, remote debugging, breakpoints, console logging strategies. Activates for debugging mobile app, react native debugging, flipper, devtools, breakpoints, crash, error, remote debugging, network request debugging, console.log, debugger, react native debugger.

majiayu000 Bundle

Complete knowledge base for building production-ready cross-platform TV applications with React Native - supporting Android TV, Apple TV, Fire TV (Fire OS & Vega OS), and Web TV platforms with a single codebase. Use when implementing TV apps, monorepo architecture, spatial navigation, video playback, platform-specific optimizations, or migrating from Vega to multi-platform.

majiayu000 Bundle

Build ChatGPT apps with MCP servers on Cloudflare Workers. Extend ChatGPT with custom tools and interactive widgets (HTML/JS UI). Use when: developing ChatGPT extensions, implementing MCP servers, or troubleshooting CORS blocking (allow chatgpt.com), widget 404s (missing ui://widget/), wrong MIME type (text/html+skybridge), or ASSETS binding undefined.

majiayu000 Bundle

Next.js App Router Expert

majiayu000 Bundle

Use when planning, implementing, or reviewing frontend dependency upgrades, package migrations, lockfile changes, major framework version bumps, CVE remediation, peer dependency conflicts, ESM/CJS shifts, build-tool compatibility, or CI verification matrices; Chinese triggers include 依赖升级, 版本升级, lockfile, peer dependency, CVE 修复, 大版本迁移.

majiayu000 Bundle

Create or update presentation notebooks with embedded HTML and JavaScript in markdown cells using EDS blocks. Convert executable code cells to informative text. Build presentations, slides, demos, showcases with accordion, cards, tabs, hero, grid, table blocks. No runnable JavaScript cells - only visual markdown with inline scripts for presentation mode.

majiayu000 Bundle

TanStack Start full-stack React framework with Bun runtime. Use for TanStack Router, server functions, vinxi, or encountering SSR, build, preset errors.

majiayu000 Bundle

Use when safely removing dead frontend code, unused exports, stale components, obsolete routes, unused dependencies, or cleanup targets found by tools such as knip, depcheck, ts-prune, TypeScript, ESLint, or manual review. Do not use for feature rewrites that change behavior; Chinese triggers include 死代码, 清理未使用, refactor clean, 依赖清理, 删除无用代码.

majiayu000 Bundle

Use when implementing state management with PlatformVmStore for complex components requiring reactive state, effects, and selectors.

majiayu000 Bundle

Detects multi-repo architecture from user prompts and guides setup. Activates for: multiple repos, 3 repos, frontend repo, backend repo, shared library repo, monorepo services, microservices, separate

majiayu000 Bundle

Generate Mermaid diagrams following C4 conventions. Activates for create diagram, draw diagram, visualize, system diagram, architecture diagram, C4 diagram, context diagram, container diagram, component diagram, sequence diagram, ER diagram, entity relationship, data model, deployment diagram. Coordinates with diagrams-architect agent.