Frontend

Builds APIs with Hono including routing, middleware, validation, and edge deployment. Use when creating fast APIs, building edge functions, or developing serverless applications.

Guide for creating effective Claude Code skills with proper YAML frontmatter, directory structure, and best practices. Use when creating new skills, updating existing skills, or learning about skill development.

PROACTIVELY USED when reviewing a PR, branch, or Jira story. Handles code review against requirements and provides actionable feedback.

Build data visualizations with visx (React + D3). Use for charts, graphs, and interactive data exploration.

Define and use custom HTML elements. Use when creating new components, defining custom tags, or using project-specific elements beyond standard HTML5.

Use when writing ERB templates, partials, view helpers, or Turbo Stream responses - covers partial organization, optional locals, CSS class patterns, collection rendering

Use this skill when the user needs help building, testing, or deploying custom LimaCharlie extensions.

Serena MCP usage guide for semantic code operations, symbol manipulation, project memory, and session persistence. Use when invoking any mcp__serena__* tools, performing symbol operations (rename, find references, extract), navigating large codebases, or managing project memory/sessions.

用于 HarmonyOS NEXT 和 ArkTS 开发，特别是处理 .ets 文件、实现 @ComponentV2 组件或调试错误时使用。基于官方标准提供开发指导，并维护分类错误日志以实现高效故障排查。

Generates anime/manga prompts for Midjourney Niji mode with 30+ artist styles, SREF code library

Svelte 5 runes + SvelteKit adapter-static (SSG/SSR) patterns for hydration-safe state, store bridges, and reactivity that survives prerendering

Comprehensive coding standards for Java and Spring Boot projects. Use when writing new code, refactoring, or setting up project structure. Focuses on robustness, immutability, dependency injection, and maintainability.

Production-tested setup for Base UI (@base-ui-components/react) - MUI's unstyled component librarythat provides accessible, customizable React components using render props pattern. This skillshould be used when building accessible UIs with full styling control, migrating from Radix UI,or needing components with Floating UI integration for smart positioning.Use when: Setting up Base UI in Vite + React projects, migrating from Radix UI to Base UI,implementing accessible components (Dialog, Select, Popover, Tooltip, NumberField, Accordion),encountering positioning issues with popups, needing render prop API instead of asChild pattern,building with Tailwind v4 + shadcn/ui, or deploying to Cloudflare Workers.⚠️ BETA STATUS: Base UI is v1.0.0-beta.4. Stable v1.0 expected Q4 2025. This skill providesworkarounds for known beta issues and guidance on API stability.Keywords: base-ui, @base-ui-components/react, mui base ui, unstyled components, accessible components,render props, radix alternative, radix

Authentication patterns for React web applications. Use when implementing login flows, OAuth, JWT handling, session management, or protected routes in React web apps.

Develop Vue 3 components (.vue files) with Pinia state management and ECharts charts. Use when creating/modifying .vue components, configuring stores, integrating charts, debugging reactivity, handling Props/Emits, or optimizing performance. Keywords: Vue 3, Composition API, script setup, Pinia, ECharts, KpiCard, FilterPanel, Dashboard, computed, watch, responsive layout, eye-care colors.

Angular 21 development patterns for this project. Use when writing or reviewing Angular components, services, templates, or tests.

Generates Rust code for GPUI desktop UI components following Zed editor patterns. Use when building desktop applications with gpui crate, creating themed UI components, implementing autocomplete/completions, building command palettes, or working with the gpui-component library. Covers RenderOnce components, Entity state management, theming with ActiveTheme, and Zed-style UI patterns.

Next.js DevTools MCP workflows for routing, error diagnostics, and runtime debugging. Use when investigating routes, build/runtime errors, or app behavior in a running Next.js dev server.

Netlify JAMstack deployment platform with serverless functions, forms, and identity. Use when deploying static sites and SPAs, building JAMstack applications, or implementing serverless functions with built-in auth.

Design approaches before building. Use when starting significant work to establish theory of success, risks, and validation points.