Claude Skills 列表

Design and implement a distinctive frontend within the product’s existing brand, accessibility, performance and framework constraints.

Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture.

Master modern JavaScript with ES6+, async patterns, and Node.js APIs. Handles promises, event loops, and browser/Node compatibility.

Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.

Next.js App Router principles. Server Components, data fetching, routing patterns.

Node.js development principles and decision-making. Framework selection, async patterns, security, and architecture. Teaches thinking, not copying.

Comprehensive performance optimization guide for React and Next.js applications, adapted from Vercel’s published guidance. Use when writing new React components or Next.js pages,...

Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.

Diagnose and audit SEO issues affecting crawlability, indexation, rankings, and organic performance.

Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

TypeScript and JavaScript expert with deep knowledge of type-level programming, performance optimization, monorepo management, migration strategies, and modern tooling.

Audit a component or page for accessibility issues and fix them

Design and build the UI states agents forget: first use, empty, loading, error, offline, no results, long content, permission denied and success.

Use when a user asks for a plan for a coding task, to generate a clear, actionable, and atomic checklist.

Safely stage, commit, and push intended git changes with conventional commit messages. Use for ordinary non-release pushes when explicitly asked to push, save work remotely, or...

Run configured lint and type checks, distinguish failures from checks that did not run, and report concrete validation results.

Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes

Use a failing behavioral test to guide a feature or bug fix, then implement and refactor with relevant regression checks.

2D game development principles. Sprites, atlases, tilemaps, physics, cameras, and genre patterns (platformer, top-down). Use for canvas/Phaser/Kaplay/Pixi 2D games or guest...