Web & Frontend

majiayu000 Bundle

UI component conventions for 8-bit styled components. Use when working with shadcn/ui components or implementing retro-styled UI elements.

majiayu000 Bundle

Guide for using Shopify Polaris Icons in Shopify Apps. Covers icon usage patterns, accessibility, tone variants, and common icon categories for commerce applications.

majiayu000 Bundle

Implement a StarCraft 2 / RTS-inspired "God Mode" command interface for orchestrating autonomous systems. Use this skill when building dashboards for AI orchestration, multi-agent systems, autonomous manufacturing, robotics control, or any interface requiring real-time monitoring of multiple resources/units with command-and-control capabilities. Includes D3.js global network map for visualizing and onboarding distributed printer fleets. Applies to React 19 + TypeScript + Vite projects targeting dark sci-fi aesthetics with resource bars, minimaps, command panels, event logs, and geographic site selection.

majiayu000 Bundle

Provides utility-first CSS styling patterns using Tailwind CSS 3.x. Use when styling components with utility classes, configuring tailwind.config.js, implementing responsive designs, or creating dark mode themes.

majiayu000 Bundle

Implement or extend user-facing workflows in SvelteKit applications with full-stack capabilities. Specialized in SvelteKit's load functions, form actions, and progressive enhancement. Use when the feature is primarily a UI/UX change backed by existing APIs, affects only the web frontend, and requires following SvelteKit conventions.

majiayu000 Bundle

Accessibility implementation guide for SwiftUI apps. Use when implementing VoiceOver support, adding accessibilityLabel/Hint/Value, supporting Dynamic Type, ensuring color contrast, testing accessibility, or reviewing accessibility in PRs. Covers iOS accessibility APIs, WCAG guidelines, and testing tools.

majiayu000 Bundle

Complete reference for Tailwind CSS utility classes

majiayu000 Bundle

TanStack Query for React Native data fetching. Use when implementing server state.

majiayu000 Bundle

Use when creating or enhancing unit tests, integration tests, or defining test strategies for backend and frontend code.

majiayu000 Bundle

Create HTML technical documentation with code blocks, API workflows, system architecture diagrams, and syntax highlighting. Use when users request technical documentation, API docs, API references, code examples, or developer documentation.

majiayu000 Bundle

Comprehensive Three.js and React Three Fiber skill for creating 3D scenes, characters, NPCs, procedural generation, animation retargeting, and interactive experiences. Use when user asks to "create Three.js scene", "setup React Three Fiber", "add 3D character", "create NPC AI", "procedural 3D generation", "retarget animation", "setup avatar system", or "create 3D game".

majiayu000 Bundle

Apply preferred toolchain and technology stack defaults: pnpm, Next.js, TypeScript, Convex, Vercel, Tailwind, shadcn/ui, Zustand, TanStack, Vitest. Use when setting up new projects, choosing dependencies, discussing stack decisions, or evaluating alternatives.

majiayu000 Bundle

Implement UFM (Umbraco Flavored Markdown) components in Umbraco backoffice using official docs

majiayu000 Bundle

Analyzes urban development through planning lens using zoning, land use, comprehensive planning, and transit-oriented development frameworks. Provides insights on spatial organization, infrastructure, sustainability, and livability. Use when: Urban development projects, zoning decisions, transportation planning, sustainability initiatives. Evaluates: Land use patterns, density, accessibility, environmental impact, community needs.

majiayu000 Bundle

Teach Cache Components model with 'use cache' directive in Next.js 16. Use when implementing caching, optimizing performance, working with dynamic data, or migrating from Next.js 15 caching patterns.

majiayu000 Bundle

Manage Vercel deployments, projects, domains, and environment variables using Vercel CLI. Use when deploying Next.js applications, managing production/preview deployments, configuring custom domains, or troubleshooting Vercel-specific issues.

majiayu000 Bundle

Generate Vite configuration files for fast frontend development with React, Vue, or vanilla JavaScript projects. Triggers on "create vite config", "generate vite configuration", "vite setup for", "vite.config".

majiayu000 Bundle

Standardize Next.js App Router API route implementations under src/app/api/** (auth/session, input validation, Drizzle queries, rate limiting, response shape). Use when creating or refactoring API routes in this repo.

majiayu000 Bundle

Use when Vue reactivity system with refs, reactive, computed, and watchers. Use when managing complex state in Vue applications.

majiayu000 Bundle

Check WCAG color contrast ratios between two colors. Accepts any CSS color format (hex, rgb, rgba, hsl, hsla, named colors) and returns the contrast ratio along with WCAG compliance levels (AA/AAA for normal and large text).

majiayu000 Bundle

Analyzes Weibo (微博) trending topics and generates creative product ideas based on hot search keywords. Fetches real-time trending data from Weibo API, researches background information and user insights, evaluates product development potential using a 100-point scoring system, and creates an interactive HTML dashboard. Use when analyzing Chinese social media trends, identifying product opportunities from trending topics, or generating market-driven creative product concepts.

majiayu000 Bundle

Generate React Flow workflow UIs with nodes, edges, execution orchestration, and chat interfaces. Use when creating workflow visualizations, multi-step processes, DAG systems, or orchestrated task flows.

majiayu000 Bundle

Guide for implementing LionFire workspace documents with Blazor MVVM patterns, including ObservableDataView component usage, workspace-scoped service injection, and reactive persistence. Use this skill when creating Blazor pages for workspace documents, fixing workspace service scoping issues, or implementing list/detail views with ObservableReader/Writer.

majiayu000 Bundle

WCAG compliance checking and accessibility improvements. Use for auditing websites, fixing a11y issues, and implementing inclusive design.

majiayu000 Bundle

Use when presenting content to the user visually via the Agentview canvas. Covers writing markdown, mermaid diagrams, HTML, and Excalidraw drawings to task-scoped canvases. Use this when the user asks to "show me" something, explain with a diagram, or display a file in the canvas.

majiayu000 Bundle

Create Scenarios architecture diagram showing end-to-end user journeys and component cooperation validation. Validation lens answering "Do the components work together?"

majiayu000 Bundle

Foundation skill for integrating OpenAI ChatKit framework with custom backends. This skill should be used for initial ChatKit setup including server implementation, React component integration, authentication, context injection, and database persistence. For streaming UI patterns use chatkit-streaming. For interactive widgets and actions use chatkit-actions.

majiayu000 Bundle

Build UI components using the compound component pattern. Use when creating new React components, building UI elements, refactoring components, or when the user mentions compound components, composable components, component patterns, or UI building blocks.

majiayu000 Bundle

Use this skill when creating a new React UI component. It provides a consistent Lumina-style template.

majiayu000 Bundle

Use this skill when the user is writing CSS for Divi 5, creating styles for WordPress/Divi, working with Divi modules, or mentions Divi theme development. Provides CSS patterns, class naming conventions, selector specificity guidance, and Divi-specific best practices.

majiayu000 Bundle

Build Vue 3 + Ionic front-end components following Orchestrator AI's strict architecture: stores hold state only, services handle API calls with transport types, components use services and read store

majiayu000 Bundle

Visual & UI philosophy (The 5 Pillars of Intentional UI). Understand deeply to avoid "AI slop" and create distinctive, memorable interfaces.

majiayu000 Bundle

Next.js 16 with Turbopack, Cache Components, and proxy.ts. Use for bootstrapping, migrating, and building with App Router and React 19.

majiayu000 Bundle

Generate responsive Next.js components and pages (task tables with sort/filter, forms, auth pages) using App Router, TypeScript, Tailwind when user needs frontend UI

majiayu000 Bundle

Frontend-backend pagination standard, defining minimal parameter naming to reduce transmission characters, applicable to all system pagination scenarios.

majiayu000 Bundle

Use when auditing, scaffolding, or validating MetaSaver React portal app directory structure. Includes file organization patterns, domain grouping, feature composition, routing configuration, and Auth