🎯

react-vite-best-practices

🎯Skill

from asyrafhussin/agent-skills

What it does

Optimizes React and Vite project performance by implementing best practices for configuration, code structure, and development workflows.

react-vite-best-practices

Installation

Install skill:

npx skills add https://github.com/asyrafhussin/agent-skills --skill react-vite-best-practices

Last UpdatedJan 16, 2026

View on GitHub Back to Skills

Skill Details

SKILL.md

Overview

# Agent Skills

A collection of skills for AI coding agents, designed for Claude Code.

Available Skills

| Skill | Description |

|-------|-------------|

| [react-vite-best-practices](skills/react-vite-best-practices) | React + Vite performance optimization |

| [typescript-react-patterns](skills/typescript-react-patterns) | TypeScript best practices for React |

| [laravel-best-practices](skills/laravel-best-practices) | Laravel 12 conventions |

| [laravel-inertia-react](skills/laravel-inertia-react) | Laravel + Inertia.js + React patterns |

| [tailwind-best-practices](skills/tailwind-best-practices) | Tailwind CSS patterns |

| [state-management](skills/state-management) | React Query + Zustand patterns |

| [web-design-guidelines](skills/web-design-guidelines) | UI/UX and accessibility |

| [php-best-practices](skills/php-best-practices) | PHP 8.x, PSR, SOLID |

| [clean-code-principles](skills/clean-code-principles) | SOLID, DRY, design patterns |

| [api-design-patterns](skills/api-design-patterns) | RESTful API design |

| [git-workflow](skills/git-workflow) | Commits, branching, PRs |

| [testing-best-practices](skills/testing-best-practices) | Unit testing, TDD |

Installation

```bash

git clone https://github.com/AsyrafHussin/agent-skills.git

cp -r agent-skills/skills/* ~/.claude/skills/

```

License

MIT

More from this repository5

🎯

laravel-inertia-react🎯Skill

Provides best practices and coding patterns for building full-stack web applications using Laravel, Inertia.js, and React with recommended architectural and development guidelines.

🎯

php-best-practices🎯Skill

php-best-practices skill from asyrafhussin/agent-skills

🎯

clean-code-principles🎯Skill

Guides developers in applying SOLID principles, DRY (Don't Repeat Yourself) methodology, and implementing robust design patterns to improve code quality and maintainability.

🎯

laravel-best-practices🎯Skill

laravel-best-practices skill from asyrafhussin/agent-skills

🎯

typescript-react-patterns🎯Skill

Provides comprehensive TypeScript best practices, design patterns, and coding guidelines for building robust and maintainable React applications.