react-component-dev
π―Skillfrom petekp/claude-skills
Generates high-quality, performant React components with best practices, TypeScript support, and comprehensive prop/state management strategies.
Part of
petekp/claude-skills(29 items)
Installation
git clone https://github.com/petekp/claude-code-setup.git./setup.sh --undo./setup.sh --dry-run./setup.sh --undo # Restores from timestamped backupsMore from this repository10
Generates precise typography recommendations, calculates readability metrics, and suggests font pairings for optimal design and user experience.
Provides expert design feedback, analyzing UI/UX elements for usability, accessibility, visual hierarchy, and design consistency across digital interfaces.
Guides macOS app development with UI/UX best practices, SwiftUI design patterns, and Apple Human Interface Guidelines recommendations.
Provides expert guidance on Unix/macOS system administration, shell scripting, performance optimization, and advanced command-line workflows.
Generates clear, concise, and user-friendly microcopy for digital interfaces, improving user experience and interaction design
Automatically document and organize learning insights, notes, and key takeaways from conversations, research, and study sessions.
Systematically evaluate system performance, identify bottlenecks, and simulate high-load scenarios to ensure robustness and reliability under extreme conditions.
Automates web browsing tasks by intelligently navigating websites, extracting content, and performing interactions using advanced browser automation techniques.
Generates optimized React project configurations and best practices for Vercel deployments, focusing on performance and scalability.
Quickly scaffold a production-ready Next.js project with TypeScript, Tailwind CSS, testing, and deployment configurations.