modern-best-practice-react-components
๐ฏSkillfrom academind/ai-config
|Builds clean, modern React components following best practices and avoiding common pitfalls like unnecessary state management.
Same repository
academind/ai-config(8 items)
Installation
npx vibeindex add academind/ai-config --skill modern-best-practice-react-componentsnpx skills add academind/ai-config --skill modern-best-practice-react-components~/.claude/skills/modern-best-practice-react-components/SKILL.mdSKILL.md
More from this repository7
Enforces web security best practices and prevents common security vulnerabilities in code.
Skill
Concise Next.js App Router best practices covering server components as default, data fetching in RSC instead of useEffect, server actions for mutations, Suspense boundaries, and the Metadata API for SEO.
A skill that teaches AI coding assistants Tailwind CSS best practices including utility-first styling, responsive and container query patterns, theming via config extension, and component extraction for maintainable UIs.
A skill that enforces clean, modern, and highly accessible HTML and JSX code by default. Covers semantic element usage, keyboard accessibility, proper ARIA practices, form and input handling, image alt text, and landmark structure with accessibility as a baseline requirement.
Skill
Skill