fellipeutaka/leon

1

docker Docker containerization expert: Dockerfile optimization, multi-stage builds, security hardening, Docker Compose orche…

fellipeutaka/leon

91

2

clean-code Write clean, readable, and maintainable code following principles from Robert C. Martin's "Clean Code" and Object Cal…

fellipeutaka/leon

60

3

commit-work Create high-quality git commits: review/stage intended changes, split into logical commits, and write clear commit me…

fellipeutaka/leon

60

4

design-patterns Apply Gang of Four design patterns to solve architectural problems in TypeScript. Use when refactoring code architect…

fellipeutaka/leon

45

5

ai-repo-setup Set up and optimize repositories for AI coding agents. Creates minimal AGENTS.md, CLAUDE.md symlink, docs/REQUIREMENT…

fellipeutaka/leon

44

6

motion Build React animations with Motion (Framer Motion) - gestures (drag, hover, tap), scroll effects, spring physics, lay…

fellipeutaka/leon

44

7

solid Apply SOLID principles to write flexible, maintainable, and testable code. Use when designing classes, interfaces, an…

fellipeutaka/leon

40

8

agent-browser Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, …

fellipeutaka/leon

38

9

tanstack-query TanStack Query (React Query) v5 best practices for data fetching, caching, mutations, and server state management. Us…

fellipeutaka/leon

37

10

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

fellipeutaka/leon

35

11

react-hook-form-zod Build type-safe validated forms using React Hook Form v7 and Zod v4. Single schema works on client and server with fu…

fellipeutaka/leon

34

12

nestjs NestJS best practices for building production-ready REST APIs, GraphQL APIs, and microservices with TypeScript. Use w…

fellipeutaka/leon

33

13

next-best-practices Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route…

fellipeutaka/leon

32

14

frontend-design Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aes…

fellipeutaka/leon

29

15

interface-design Craft-first interface design for dashboards, admin panels, SaaS apps, tools, settings pages, data interfaces, and int…

fellipeutaka/leon

29

16

tanstack-table TanStack Table best practices for building headless, type-safe data tables in React with sorting, filtering, paginati…

fellipeutaka/leon

29

17

drizzle-orm Drizzle ORM — type-safe, lightweight TypeScript ORM for SQL databases. Schema declaration, CRUD queries, joins, relat…

fellipeutaka/leon

28

18

tanstack-form TanStack Form best practices for type-safe form management, validation, field composition, and submission handling in…

fellipeutaka/leon

28

19

tanstack-hotkeys Guide for implementing keyboard shortcuts in React using @tanstack/react-hotkeys.

fellipeutaka/leon

28

20

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

fellipeutaka/leon

28

21

react-email Use when building HTML email templates with React components, adding a visual email editor to an application using th…

fellipeutaka/leon

27

22

turborepo Turborepo monorepo build system guidance. Triggers on: turbo.json, task pipelines, dependsOn, caching, remote cache, …

fellipeutaka/leon

27

23

zod Zod 4 — TypeScript-first schema validation with static type inference. Use when writing Zod schemas, validating data,…

fellipeutaka/leon

27

24

better-auth Better Auth — framework-agnostic TypeScript authentication & authorization library. Covers setup, email/password, soc…

fellipeutaka/leon

26

25

bun Bun runtime, package manager, bundler, and test runner. Use when running scripts with bun, managing packages, serving…

fellipeutaka/leon

26

26

seo-audit When the user wants to audit, review, or diagnose SEO issues on their site. Also use when the user mentions "SEO audi…

fellipeutaka/leon

26

27

tanstack-router TanStack Router best practices for type-safe routing, file-based routing, data loading, search params, and navigation…

fellipeutaka/leon

26

28

tanstack-ai Build AI-powered chat applications with TanStack AI and React.

fellipeutaka/leon

25

29

tanstack-pacer TanStack Pacer best practices for execution control in React — debouncing, throttling, rate limiting, queuing, and ba…

fellipeutaka/leon

25

30

denji Manage SVG icons as framework components using Denji CLI. Use when the user needs to add, remove, list, export, impor…

fellipeutaka/leon

24

31

next-cache-components Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag

fellipeutaka/leon

23

32

nuqs Implement, review, debug, or test type-safe URL query state with nuqs 2.x. Use when selecting a NuqsAdapter, choosing…

fellipeutaka/leon

23

33

tanstack-start TanStack Start full-stack React framework best practices for server functions, middleware, SSR/streaming, SEO, authen…

fellipeutaka/leon

22

34

prisma Prisma ORM — type-safe database toolkit for TypeScript/Node.js. Schema-first approach with Prisma Schema Language, au…

fellipeutaka/leon

21

35

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

fellipeutaka/leon

21

36

playwright Write, debug, and maintain Playwright end-to-end tests for web applications. Use when working with Playwright test fi…

fellipeutaka/leon

20

37

pnpm Node.js package manager with strict dependency resolution. Use when running pnpm specific commands, configuring works…

fellipeutaka/leon

20

38

tdd Test-driven development. Use when the user wants to build features or fix bugs test-first, mentions "red-green-refact…

fellipeutaka/leon

19

39

kanpeki Use Kanpeki component library in React projects.

fellipeutaka/leon

18

40

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

fellipeutaka/leon

17

41

elysiajs Create backend with ElysiaJS, a type-safe, high-performance framework.

fellipeutaka/leon

16

42

fixing-metadata Audit and fix HTML metadata including page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards,…

fellipeutaka/leon

15

43

react-best-practices React and Next.js performance optimization guidelines from Vercel Engineering.

fellipeutaka/leon

15

44

skill-creator Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an ex…

fellipeutaka/leon

15

45

tanstack-react-store Implement global state management in React apps using TanStack Store (@tanstack/react-store). Use when creating store…

fellipeutaka/leon

15

46

tanstack-virtual TanStack Virtual headless virtualization for React. Use when rendering large lists (100+ items), implementing virtual…

fellipeutaka/leon

15

47

ai-sdk Answer questions about the AI SDK and help build AI-powered features. Use when developers: (1) Ask about AI SDK funct…

fellipeutaka/leon

14

48

next-upgrade Upgrade Next.js to the latest version following official migration guides and codemods

fellipeutaka/leon

14

49

shadcn Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including c…

fellipeutaka/leon

14

50

fixing-accessibility Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast,…

fellipeutaka/leon

13