liuchiawei/agent-skills

1

next-intl-app-router Configures and uses next-intl for Next.js App Router with locale-based routing. Use when adding or changing i18n, loc…

liuchiawei/agent-skills

547

2

mediapipe-usage Provides guidance for Google MediaPipe Pose Landmarker on web using @mediapipe/tasks-vision. Covers setup, landmark i…

liuchiawei/agent-skills

57

3

frontend-developer Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next…

liuchiawei/agent-skills

43

4

frontend-patterns Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

liuchiawei/agent-skills

33

5

ui-ux-pro-max UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte…

liuchiawei/agent-skills

33

6

web-design-guidelines Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "aud…

liuchiawei/agent-skills

33

7

threejs-skills Three.js skills for creating 3D elements and interactive experiences

liuchiawei/agent-skills

32

8

3d-web-experience Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes…

liuchiawei/agent-skills

31

9

mobile-design Mobile-first design and engineering doctrine for iOS and Android apps. Covers touch interaction, performance, platfor…

liuchiawei/agent-skills

31

10

react-ui-patterns Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, hand…

liuchiawei/agent-skills

31

11

scroll-experience Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narrat…

liuchiawei/agent-skills

31

12

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

liuchiawei/agent-skills

31

13

frontend-design Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks …

liuchiawei/agent-skills

29

14

clean-code Pragmatic coding standards - concise, direct, no over-engineering, no unnecessary comments

liuchiawei/agent-skills

28

15

vercel-composition-patterns React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flex…

liuchiawei/agent-skills

28

16

vercel-react-best-practices React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing…

liuchiawei/agent-skills

28

17

multiplayer-websocket Manages WebSocket-based real-time multiplayer in Tokyo Sounds. Use when modifying multiplayer sync, useMultiplayer ho…

liuchiawei/agent-skills

27

18

backend-dev-guidelines Opinionated backend development standards for Node.js + Express + TypeScript microservices. Covers layered architectu…

liuchiawei/agent-skills

26

19

code-refactoring-refactor-clean You are a code refactoring expert specializing in clean code principles, SOLID design patterns, and modern software e…

liuchiawei/agent-skills

26

20

copywriting Use this skill when writing, rewriting, or improving marketing copy for any page (homepage, landing page, pricing, fe…

liuchiawei/agent-skills

26

21

brainstorming Use this skill before any creative or constructive work (features, components, architecture, behavior changes, or fun…

liuchiawei/agent-skills

25

22

code-review-checklist Comprehensive checklist for conducting thorough code reviews covering functionality, security, performance, and maint…

liuchiawei/agent-skills

25

23

code-reviewer Elite code review expert specializing in modern AI-powered code analysis, security vulnerabilities, performance optim…

liuchiawei/agent-skills

25

24

frontend-dev-guidelines Opinionated frontend development standards for modern React + TypeScript applications. Covers Suspense-first data fet…

liuchiawei/agent-skills

25

25

google-3d-tiles-r3f Builds a 3D world using Google Maps Photorealistic 3D Tiles API with Three.js and React Three Fiber (R3F), including …

liuchiawei/agent-skills

25

26

page-cro Analyze and optimize individual pages for conversion performance. Use when the user wants to improve conversion rates…

liuchiawei/agent-skills

25

27

code-refactoring-context-restore Use when working with code refactoring context restore

liuchiawei/agent-skills

24

28

code-refactoring-tech-debt You are a technical debt expert specializing in identifying, quantifying, and prioritizing technical debt in software…

liuchiawei/agent-skills

24

29

code-review-ai-ai-review You are an expert AI-powered code review specialist combining automated static analysis, intelligent pattern recognit…

liuchiawei/agent-skills

24

30

code-review-excellence Master effective code review practices to provide constructive feedback, catch bugs early, and foster knowledge shari…

liuchiawei/agent-skills

24

31

error-diagnostics-error-analysis You are an expert error analysis specialist with deep expertise in debugging distributed systems, analyzing productio…

liuchiawei/agent-skills

24

32

error-diagnostics-smart-debug Use when working with error diagnostics smart debug

liuchiawei/agent-skills

24

33

rag-implementation Build Retrieval-Augmented Generation (RAG) systems for LLM applications with vector databases and semantic search. Us…

liuchiawei/agent-skills

24

34

analytics-tracking Design, audit, and improve analytics tracking systems that produce reliable, decision-ready data. Use when the user w…

liuchiawei/agent-skills

23

35

error-diagnostics-error-trace You are an error tracking and observability expert specializing in implementing comprehensive error monitoring soluti…

liuchiawei/agent-skills

23

36

screenshots Generate marketing screenshots of your app using Playwright. Use when the user wants to create screenshots for Produc…

liuchiawei/agent-skills

23

37

vercel-react-native-skills React Native and Expo best practices for building performant mobile apps. Use when building React Native components, …

liuchiawei/agent-skills

23

38

marketing-ideas Provide proven marketing strategies and growth ideas for SaaS and software products, prioritized using a marketing fe…

liuchiawei/agent-skills

22

39

search-specialist Expert web researcher using advanced search techniques and synthesis. Masters search operators, result filtering, and…

liuchiawei/agent-skills

22

40

neon-postgres Expert patterns for Neon serverless Postgres, branching, connection pooling, and Prisma/Drizzle integration Use when:…

liuchiawei/agent-skills

21