๐ŸŽฏ

web-design-guidelines

๐ŸŽฏSkill

from thongdn-it/react-agent-skills

VibeIndex|
What it does
|

A collection of 19 curated AI agent skills for the React ecosystem, covering performance optimization with React 19 and Next.js 16, UI development with Tailwind CSS and shadcn/ui, testing with Vitest and Playwright, and data management with TanStack Query and Zod.

๐Ÿ“ฆ

Same repository

thongdn-it/react-agent-skills(18 items)

web-design-guidelines

Installation

Vibe Index InstallInstalls to .claude/skills/
npx vibeindex add thongdn-it/react-agent-skills --skill web-design-guidelines
skills.sh Installโš  Installs to .agents/skills/
npx skills add thongdn-it/react-agent-skills --skill web-design-guidelines
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/web-design-guidelines/SKILL.md

SKILL.md

62Installs
-
AddedFeb 6, 2026

More from this repository10

๐ŸŽฏ
typescript๐ŸŽฏSkill

A comprehensive TypeScript performance optimization guide containing 42 rules across 8 categories, covering type system performance, compiler configuration, async patterns, module organization, type safety, memory management, runtime optimization, and advanced patterns.

๐ŸŽฏ
react-hook-form๐ŸŽฏSkill

A skill providing comprehensive React Hook Form best practices and performance optimization guidance, covering useForm, useWatch, useController, and useFieldArray for client-side form validation.

๐ŸŽฏ
react๐ŸŽฏSkill

A comprehensive React 19 performance optimization skill with 40 rules across 8 categories, covering concurrent rendering, Server Components, actions, hooks, and memoization strategies. Prioritized by impact from critical patterns like useTransition and useDeferredValue to incremental component optimizations.

๐ŸŽฏ
tailwind๐ŸŽฏSkill

A comprehensive Tailwind CSS v4 best practices skill with 42 rules across 8 categories covering build configuration, CSS generation, bundle optimization, utility patterns, component architecture, theming, and responsive design.

๐ŸŽฏ
ui-design๐ŸŽฏSkill

A comprehensive UI/UX and frontend design best practices skill with 42 rules covering accessibility, performance, responsive layouts, form design, animations, and usability.

๐ŸŽฏ
zod๐ŸŽฏSkill

Part of React Agent Skills, a collection of 19 AI agent skills for the React ecosystem covering performance optimization, UI development with Tailwind CSS and shadcn/ui, testing with Vitest and Playwright, and data management with TanStack Query and Zod.

๐ŸŽฏ
vitest๐ŸŽฏSkill

A comprehensive collection of 19 curated AI agent skills for the React ecosystem, covering React 19, Next.js 16, Tailwind CSS, shadcn/ui, Vitest, Playwright, TanStack Query, Zod, and more. Install all skills at once or pick individual ones.

๐ŸŽฏ
shadcn๐ŸŽฏSkill

Part of React Agent Skills, a collection of 19 curated AI agent skills for the React ecosystem covering performance optimization, UI development with Tailwind CSS and shadcn/ui, testing with Vitest and Playwright, and architecture patterns.

๐ŸŽฏ
tanstack-query๐ŸŽฏSkill

A comprehensive collection of 19 AI agent skills for the React ecosystem covering React 19 concurrent rendering, Next.js 16 App Router, Tailwind CSS, testing with Vitest and Playwright, and data management with TanStack Query, Zod, and React Hook Form.

๐ŸŽฏ
nextjs๐ŸŽฏSkill

A comprehensive AI agent skills collection for the React ecosystem, covering React, Next.js, and related frameworks. Provides structured knowledge and best practices to help AI agents generate higher-quality React code.