vercel-react-best-practices
π―Skillfrom horace4444/extend-my-claude-code
|Implements best practices and optimized configurations for React projects deployed on Vercel, enhancing performance and development workflow.
Part of
horace4444/extend-my-claude-code(9 items)
Installation
git clone https://github.com/Horace4444/extend-my-claude-code.gitMore from this repository8
Intelligently removes watermarks from any image using ML-based inpainting, auto-detection, and multiple removal methods across various sources.
Generates high-quality images using Google's Imagen and Gemini AI models with automatic pricing and cost tracking.
Generates a comprehensive YAML project map that provides instant codebase understanding, mapping architecture, file structure, documentation, and key resources in under 5k tokens.
Builds production-ready Claude AI agents in TypeScript using the @anthropic-ai/claude-agent-sdk, enabling custom tool development, multi-agent workflows, and enterprise-grade automation.
Converts, resizes, compresses, and optimizes images across multiple formats with high-quality Python Pillow processing.
Reviews UI code against web design best practices, checking accessibility, UX, and interface guidelines for web projects.
Seamlessly integrates AI models, databases, and authentication for building scalable, production-ready AI applications with best-practice model selection and API management.
A comprehensive guide for creating skills that extend Claude's capabilities with specialized knowledge and workflows. ``` Generates a concise, practical description that captures the skill's purpo...