Web & Frontend

majiayu000 Bundle

Testable code design patterns for TypeScript/React applications. Use when reviewing code for testability, implementing dependency injection, or when user mentions テスト容易性, モック, mock-friendly, DI.

majiayu000 Bundle

Enforces project React component testing conventions using Testing Library with proper rendering, user interactions, and accessibility testing.

majiayu000 Bundle

Generate unit and integration tests for API routes, utilities, React components, and hooks. Use when asked to generate tests, write unit tests, create integration tests, add test coverage, or test a component/route/function.

majiayu000 Bundle

Complete knowledge domain for Firecrawl v2 API - web scraping and crawling that converts websites into LLM-ready markdown or structured data. Use when: scraping websites, crawling entire sites, extracting web content, converting HTML to markdown, building web scrapers, handling dynamic JavaScript content, bypassing anti-bot protection, extracting structured data from web pages, or when encountering "content not loading", "JavaScript rendering issues", or "blocked by bot detection". Keywords: firecrawl, firecrawl api, web scraping, web crawler, scrape website, crawl website, extract content, html to markdown, site crawler, content extraction, web automation, firecrawl-py, firecrawl-js, llm ready data, structured data extraction, bot bypass, javascript rendering, scraping api, crawling api, map urls, batch scraping

majiayu000 Bundle

Grammar of graphics, chart type selection, color theory, interactive visualization, dashboards, and the principles of honest, effective data display. Covers Tufte's data-ink ratio, Bertin's visual variables, perceptual principles, accessibility, small multiples, annotation, and the full workflow from exploratory plots to publication-quality graphics. Use when creating charts, designing dashboards, critiquing visualizations, or choosing how to display data.

majiayu000 Bundle

Build accessible user interfaces using semantic HTML, ARIA attributes, keyboard navigation, and WCAG compliance. Use this skill when creating or modifying UI components, forms, interactive elements, navigation menus, modals, or any user-facing interface code. When working on Astro component files (.astro), React/Vue/Svelte component files, HTML template files, form components with inputs and labels, navigation menus and interactive widgets, modal dialogs and accordions, image components with alt text, button and link implementations, focus management code, or screen reader announcement logic.

majiayu000 Bundle

Pull request lifecycle procedures including create, CI check, merge, and review.

majiayu000 Bundle

Master Tailwind CSS for modern, responsive UI styling. Covers utility-first patterns, responsive design, dark mode, custom themes, animations, and component libraries like shadcn/ui and Headless UI. Use for styling React apps, building design systems, and rapid UI development.

majiayu000 Bundle

Accessibility patterns including WCAG 2.2 compliance, ARIA correctness, keyboard navigation, and screen reader compatibility. Use when writing or reviewing UI code with interactive elements, forms, or dynamic content.

majiayu000 Bundle

Evaluate design from a UX perspective with Nielsen's heuristics scoring, anti-pattern detection, persona-based testing, and actionable feedback. Report-only. Triggers on critique, UX review, design feedback, how does this look, evaluate the design, component review.

majiayu000 Bundle

CSS-first approach - use CSS before JavaScript. Triggers: レイアウト, スタイル, 位置, アニメーション, 表示/非表示, トグル, レスポンシブ, CSS Grid, Flexbox, transforms, transitions, CSSのみ, JavaScript不要, シンプル

majiayu000 Bundle

Build accessible user interfaces with semantic HTML, keyboard navigation, ARIA attributes, and screen reader support. Use this skill when creating or modifying UI components, form elements, interactive widgets, or page layouts. When working on files like *.tsx, *.jsx, *.vue, *.svelte, or HTML templates. When adding alt text to images, labels to form inputs, implementing keyboard navigation, managing focus states, ensuring proper color contrast, using semantic HTML elements (nav, main, button), or adding ARIA attributes for complex components.

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.

majiayu000 Bundle

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

majiayu000 Bundle

フロントエンド技術のナレッジベース管理。URLや記事から技術情報を要約・蓄積し、CSS、JavaScript、パフォーマンス、アクセシビリティなどの質問に対してナレッジベースを参照して回答します。ナレッジ追加時、技術的な質問への回答時に使用してください。

majiayu000 Bundle

Radix UI primitive patterns. Use when building accessible, unstyled UI components like dialogs, dropdowns, tooltips, tabs, and selects. Covers Tailwind styling, keyboard navigation, animations, and portal management.

majiayu000 Bundle

Master Tailwind CSS for modern, responsive UI styling. Covers utility-first patterns, responsive design, dark mode, custom themes, animations, and component libraries like shadcn/ui and Headless UI. Use for styling React apps, building design systems, and rapid UI development.

majiayu000 Bundle

用于为作品应用主题样式的工具包。这些作品可以是幻灯片、文档、报告、HTML 落地页等。提供 10 个预设主题，包含颜色/字体配置，可应用于任何已创建的作品，也可以即时生成新主题。

majiayu000 Bundle

Feature implementation workflow. Use when the user wants to: - "build a", "create a", "implement", "add feature" - build a new page, component, feature, integration - create something from scratch - add new functionality to the app

majiayu000 Bundle

Building, testing, and deploying cross-platform mobile applications using Expo with React Native. EAS Build, OTA updates, native modules. Trigger: When developing with Expo, configuring EAS services, or building cross-platform mobile apps.

majiayu000 Bundle

Strukturierter Bug-Fix-Workflow für die Speicher Analyse Tauri-App (React + Vite Frontend). Liest offene Issues, führt Tiefenanalyse durch, implementiert den Fix, aktualisiert das Änderungsprotokoll und schließt den Kreislauf. Aufruf mit /fix-bug [bug-beschreibung oder issue-referenz].

majiayu000 Bundle

React Hook Form + Zod integration, multi-step forms, optimistic validation, server-side error mapping, and file upload patterns.

majiayu000 Bundle

Frontend specialist: Nunjucks templates, progressive enhancement, styling, and accessible UI

majiayu000 Bundle

Master frontend development, user interfaces, React ecosystem, and web design principles. Use this as a central index to access specialized sub-skills.

majiayu000 Bundle

现代前端开发综合技能，涵盖 Svelte、SvelteKit、shadcn-svelte 和 Bun 生态系统。使用此技能构建现代 Web 应用、创建 UI 组件、实现状态管理、处理表单，或使用基于 TypeScript 的前端架构时使用。适用于需要响应式框架、服务端渲染或类型安全组件开发的项目。

majiayu000 Bundle

Guidance for writing semantic, accessible HTML following modern web standards.

majiayu000 Bundle

Expert-level React development with hooks, performance optimization, state management, and modern patterns

majiayu000 Bundle

React Native mobile patterns, platform-specific code

majiayu000 Bundle

Modern React patterns for this Next.js 15 application. Covers Server/Client Components, Context API, TanStack Query, Suspense, Error Boundaries, and performance patterns. Use this skill when implementing React components or understanding component architecture.

majiayu000 Bundle

Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server state, or choosing between state management solutions.

majiayu000 Bundle

Enforces project server actions coding conventions when creating or modifying server actions using next-safe-action, and ensures consistent client-side consumption patterns using the project's useServerAction hook. This skill covers both server-side action implementation and frontend integration patterns.

majiayu000 Bundle

Next.js Server Actions for mutations in this application. Covers entity actions, user actions, team actions, and best practices. Use this skill when implementing mutations from Client Components.

majiayu000 Bundle

TanStack Query (React Query) patterns for data fetching in this Next.js application. Covers useQuery, useMutation, optimistic updates, cache invalidation, and anti-patterns. Use this skill when implementing data fetching or state management with server data.

majiayu000 Bundle

Expert guidance for TanStack Router file-based routing, loaders, actions, type-safe navigation, and React patterns. Use when user says "tanstack router", "/tanstack-router", "create route", "add page", "routing help", "loader", "route params", or asks about navigation, layouts, or route structure.

majiayu000 Bundle

Build full-stack React applications with TanStack Start on Cloudflare Workers. Type-safe routing, server functions, SSR/streaming, and seamless D1/KV/R2 integration. Use when: building full-stack React apps, need SSR with Cloudflare Workers, want type-safe server functions, or migrating from Next.js. RC status - v1.0 stable pending. Monitor tanstack/router#5734 (memory leak) before production use.

majiayu000 Bundle

Client and server-side fetch utilities for Next.js applications with API route proxying to FastAPI backends.