Web & Frontend

majiayu000 Bundle

Work on the LaTeX thesis or LaTeXML HTML output. Use for build/lint/serve commands, LaTeX style rules, HTML pipeline notes, or assets conventions.

majiayu000 Bundle

Edit the Mintlify docs site under docs/. Keep docs.json consistent and run a11y/broken-links checks.

majiayu000 Bundle

Review React components using Mantine UI library for accessibility, Styles API correctness, component patterns, and common pitfalls. Use when reviewing Mantine code or before merging Mantine-based PRs.

majiayu000 Bundle

Integrate the emotive-mascot into new use cases, applications, and frameworks. Use when adding mascot to a new page, creating custom interactions, or setting up framework-specific implementations (React, Vue, vanilla JS).

majiayu000 Bundle

Migrate WordPress components from v1 (page-parts/) or v2 (layouts/) to v3 (vendi-theme-parts/components/) structure. Use when migrating components, moving layouts to v3, or converting component files.

majiayu000 Bundle

Migrate from Tailwind CSS v3 to v4 including configuration migration (JS to CSS), utility renames, opacity changes, and color system updates. Use when upgrading existing projects to v4.

majiayu000 Bundle

Comprehensive mobile-first responsive design skill for converting desktop pages to mobile-friendly layouts. Use when implementing mobile views, fixing responsive issues, or batch-converting multiple pages to mobile-responsive. Automates the mobile-view workflow for Next.js/React applications with Tailwind CSS. (project)

majiayu000 Bundle

Extract reusable components from approved HTML mockups during implementation. Identifies patterns, maps CSS to Tailwind, and populates prototype-patterns.md for visual fidelity. Use at start of /implement for UI-first features.

majiayu000 Bundle

Create modern, responsive websites with professional design systems. Generates complete HTML/CSS/JS websites with Tailwind CSS, modern animations, and mobile-first responsive design. Perfect for landing pages, portfolios, business sites, and SaaS applications.

majiayu000 Bundle

Production-ready navbar animations for desktop and mobile. Use when creating animated navigation bars with scroll-triggered effects, mobile menu slide-in panels, staggered link animations, or responsive hamburger menus. Includes React/Next.js components with Tailwind CSS and pure CSS keyframe animations.

majiayu000 Bundle

Build production-grade React apps with Next.js 14 App Router, Server Components, and Edge Runtime

majiayu000 Bundle

Use when working with Next.js Pages Router (pages/ directory). Invoke for getStaticProps, getServerSideProps, getStaticPaths, API routes in pages/api, dynamic routing, or migrating from pages/ to app/ directory.

majiayu000 Bundle

Build production Next.js 14+ applications with App Router. Covers server/client components, routing, data fetching, caching, streaming, metadata, and middleware. Use for full-stack React apps, SSR, ISR, and edge deployments.

majiayu000 Bundle

When you need to run code before a request completes: auth checks, redirects, headers, A/B testing.

majiayu000 Bundle

> Next.js 15 App Router ve Server Components rehberi.

majiayu000 Bundle

Foundational architecture for Nuxt 4 + Vue 3 + Nuxt UI applications. Use when starting new projects, understanding project structure, or making architectural decisions about directory organization, technology choices, and pattern selection.

majiayu000 Bundle

Guide for developing and maintaining the Paperand React Native manga reader application

majiayu000 Bundle

Specialized in speed and resource optimization for Gravito. Trigger this for query profiling, caching strategies, or frontend performance audits.

majiayu000 Bundle

UI 컴포넌트 테스트 생성. "테스트 만들어줘", "컴포넌트 테스트" 요청 시 사용.

majiayu000 Bundle

Platform-specific building systems for mobile, VR, and accessibility. Use when implementing touch controls for building games, VR spatial input, colorblind-friendly feedback, or cross-platform building mechanics. Covers input adaptation and inclusive design patterns.

majiayu000 Bundle

Plutonium design token system - CSS custom properties, component classes, and consistent styling patterns

majiayu000 Bundle

Route requests for the Stacked Poker Next.js frontend repo to the right repo skill (Chakra UI/theme, thirdweb/SIWE auth, WebSockets/game state, chat/media, poker hand eval, QA/release). Use at the start of most tasks in this repo to decide which skill(s) to apply.

majiayu000 Bundle

Auto-loaded context for Portfolio Buddy 2 development. Use for ANY task involving: React 19 development, TypeScript, portfolio analysis features, metrics calculations, trading strategy comparison, or

majiayu000 Bundle

ADVISORY validation of code against design principles, accessibility, and best practices that linters cannot fully enforce. Use after linter passes and tests pass to validate design quality. Categorizes findings as Design Debt, Readability Debt, or Polish Opportunities. Does NOT block commits.

majiayu000 Bundle

若依 RuoYi-Vue-Plus 框架项目结构导航与开发规范技能。 **核心能力**： - Maven 多模块架构的职责定位与代码查找策略 - Vue3 + TypeScript 前端分层结构与模块映射关系 - 前后端分离架构下的文件组织与命名约定 - 关键配置文件位置速查与全局配置修改指南 - 新业务模块添加的标准流程与依赖管理 **触发场景**： 1. 查找功能实现位置（Controller/Service/Mapper/API/View） 2. 理解模块间依赖关系（Maven/Pinia/Router） 3. 添加新业务模块或功能 4. 修改全局配置（安全/缓存/路由/权限） 5. 排查前后端接口对应关系 6. 分析代码分层结构与职责边界 **触发关键词**： 项目结构、目录导航、模块定位、代码组织、前后端分离、若依框架、RuoYi、 Maven模块、Vue3目录、接口映射、分层架构、业务模块添加

majiayu000 Bundle

Validates apps-in-toss project configuration and structure for both web and React Native apps. Use when checking if granite.config.ts is properly configured, verifying required files exist, validating package.json has framework dependencies, ensuring project structure follows apps-in-toss conventions, or debugging project setup issues.

majiayu000 Bundle

Mobile app testing strategy and execution for iOS and Android (native + cross-platform): choose automation frameworks, define device matrix, control flakes, validate performance/reliability/accessibility, and set CI + release gates. Use when you need a mobile QA plan, device lab/CI setup, or guidance on XCUITest/Espresso/Appium/Detox/Maestro/Flutter testing.

majiayu000 Bundle

Runs quality checks across all components (backend, frontend, landing). Use before creating PRs, merging, or to verify overall code quality.

majiayu000 Bundle

Review React/TypeScript code against established coding guidelines. Use when reviewing React components, performing code audits, checking for React best practices, anti-patterns, performance issues, or when the user asks to review React code, check code quality, or audit React implementation.

majiayu000 Bundle

Principal-engineer-level React refactoring patterns for eliminating code smells. Covers prop drilling, state explosion, component composition, abstraction quality, coupling, hooks, rendering patterns, and testability. Use when refactoring existing React codebases, reviewing PRs for architectural issues, or identifying technical debt in React applications.

majiayu000 Bundle

React and React Native coding conventions with TypeScript. Use this skill when creating components, writing hooks, or reviewing React/React Native code. Enforces naming conventions, component structure, typing patterns, accessibility, and performance best practices.

majiayu000 Bundle

React開発の詳細ガイド。Hooks、コンポーネント設計、パフォーマンス最適化、テストなど、Reactアプリケーション開発のベストプラクティス。

majiayu000 Bundle

Expert implementation of @vis.gl/react-google-maps library for Google Maps in React. Use when building maps, markers, pins, infowindows, places autocomplete, geocoding, draggable markers, polygons, circles, polylines, drawing tools, or any Google Maps JavaScript API integration in React/Next.js applications.

majiayu000 Bundle

This skill should be used when the user asks to "connect React to agent runtime", "use useAgentSession", "use useMessages", "set up AgentServiceProvider", "stream agent responses", "build agent chat UI", "render conversation blocks", or needs to build a React frontend with @hhopkins/agent-runtime-react.

majiayu000 Bundle

Build React Native 0.76+ apps with Expo SDK 52-54. Covers mandatory New Architecture (0.82+/SDK 55+), React 19 changes, SDK 54 breaking changes (expo-av, expo-file-system, Reanimated v4), and Swift iOS template. Prevents 16 documented errors. Use when building Expo apps, migrating to New Architecture, upgrading to SDK 54+, or fixing Fabric, TurboModule, propTypes, expo-updates crashes, or Swift AppDelegate errors.

majiayu000 Bundle

Enforce modern React 19 and Next.js App Router patterns - server-first data fetching, minimal useEffect, Server Components, Server Actions, and form hooks. Use when reviewing React/Next.js code, migrating legacy patterns, or building new features with App Router.