Web & Frontend

majiayu000 Bundle

Framework-agnostic frontend architecture patterns. Extends core-coding-standards with UI-specific rules. Use when building any web frontend.

majiayu000 Bundle

FlowGram 物料组件开发指南 - 用于在 form-materials 包中创建新的物料组件

majiayu000 Bundle

WCAG and ARIA best practices for web UIs. Extends platform-frontend with accessibility-specific rules. Use when building any user-facing interface.

majiayu000 Bundle

Use this skill when the user asks to "generate stories for components", "parse component props", "detect component variants", "analyze components", "create stories automatically", mentions "component parser", "story automation", or wants to generate Storybook stories from existing component files. This skill provides intelligent component analysis and CSF 3.0 story generation with interaction tests and accessibility checks.

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

Scaffold a full-stack Cloudflare app from vite-flare-starter — React 19, Hono, D1+Drizzle, better-auth, Tailwind v4+shadcn/ui, TanStack Query, R2, Workers AI. Run setup.sh to clone, configure, and deploy.

majiayu000 Bundle

React Hook Form + Zod Schema Integration

majiayu000 Bundle

Use this skill when the user writes/edits components, asks to "fix accessibility issues", "add ARIA labels", "improve accessibility", "check WCAG compliance", "remediate a11y violations", mentions "screen reader support", "keyboard navigation", or wants AI-powered accessibility fixes with one-click application. Automatically analyzes components for a11y issues and suggests context-aware fixes. Trigger on PostToolUse hook or explicit request.

majiayu000 Bundle

Generates a Storybook story file (*.stories.tsx) with M3 design token imports and interactive variant stories. Use when documenting React components for development and QA testing.

majiayu000 Bundle

Creates a complete React page directory (page.tsx, index.ts, styles.css) with routing integration. Use when asked to create a new page, view, or route handler that combines components and layouts.

majiayu000 Bundle

Modern CSS standards covering essentials, responsive design, quality practices, and tooling for CUI projects

majiayu000 Bundle

Use this skill when the user describes a component in natural language, says "create a component with...", "I need a card that has...", "build a form with fields for...", "generate component from description", or provides detailed component requirements in plain English. Enables non-technical stakeholders to generate production-ready components through natural language descriptions.

majiayu000 Bundle

Implement production-ready features across database, backend, and frontend layers with incremental phased approach

majiayu000 Bundle

UI component patterns with style-specific implementations and accessibility

majiayu000 Bundle

Generar y ejecutar tests automatizados. Soporta Vitest, Jest, React Testing Library, Playwright.

majiayu000 Bundle

Load frontend design skill from Anthropic

majiayu000 Bundle

Angular frontend development patterns for [PROJECT_NAME]

majiayu000 Bundle

API 통합 에이전트. API 클라이언트와 데이터 페칭을 구현합니다.

majiayu000 Bundle

Provides language-specific patterns for TypeScript, Python, and React including idioms, best practices, and common patterns. Use when implementing features in these languages.

majiayu000 Bundle

Provides language-specific patterns for TypeScript, Python, and React including idioms, best practices, and common patterns. Use when implementing features in these languages.

majiayu000 Bundle

Pinia Colada data fetching for Vue/Nuxt with useQuery, useMutation. Use for async state, query cache, SSR, or encountering invalidation, hydration, TanStack Vue Query migration errors.

majiayu000 Bundle

Initialize and configure Astro/Airflow projects. Use when the user wants to create a new project, set up dependencies, configure connections/variables, or understand project structure. For running the local environment, see managing-astro-local-env.

majiayu000 Bundle

Interactive briefing of a plan file — explains reasoning, schema decisions, component choices. Use when developers need to understand a plan before approving.

majiayu000 Bundle

Add unit tests for a component or function

majiayu000 Bundle

Use this skill when the user asks to "set up testing", "configure tests for Storybook", "add interaction tests", "add accessibility tests", "set up a11y testing", "configure Vitest", "configure Playwright", mentions "play functions", "test-storybook", "component testing", or wants to add comprehensive testing to their Storybook setup. This skill provides guidance on modern Storybook 9 testing with Vitest, Playwright, and axe-core.

majiayu000 Bundle

Interactive briefing of a plan file — explains reasoning, schema decisions, component choices. Use when developers need to understand a plan before approving.

majiayu000 Bundle

Provides language-specific patterns for TypeScript, Python, and React including idioms, best practices, and common patterns. Use when implementing features in these languages.

majiayu000 Bundle

Set up Vue+Vite+TypeScript monorepo workspace with pnpm for NovaTune frontend (project)

majiayu000 Bundle

Find differentially accessible chromatin regions between conditions using DiffBind or DESeq2. Use when comparing chromatin accessibility between treatment groups, cell types, or developmental stages in ATAC-seq experiments.

majiayu000 Bundle

React Security. Use when reviewing security, implementing auth, or hardening code.

majiayu000 Bundle

Stratégie de Tests React. Use when writing tests, reviewing test coverage, or setting up testing.

majiayu000 Bundle

Estrategia de Testes React. Use when writing tests, reviewing test coverage, or setting up testing.

majiayu000 Bundle

Generate TypeScript API client from OpenAPI spec using Orval for NovaTune frontend (project)

majiayu000 Bundle

Provides language-specific patterns for TypeScript, Python, and React including idioms, best practices, and common patterns. Use when implementing features in these languages.

majiayu000 Bundle

Provides language-specific patterns for TypeScript, Python, and React including idioms, best practices, and common patterns. Use when implementing features in these languages.

majiayu000 Bundle

Include accessibility in all UI code: Use when maintaining consistent code style. Style category skill.