puppeteer-automation
🎯Skillfrom mindrally/skills
|Automates web browser interactions and testing using Puppeteer, providing Claude Code with guidelines for scripting browser automation tasks efficiently.
Installation
npx skills add https://github.com/mindrally/skills --skill puppeteer-automationSkill Details
Overview
# Claude Code Skills Collection
240+ Claude Code skills converted from Cursor rules. Supercharge your AI coding with expert guidelines for React, Python, TypeScript, and everything in between.
A comprehensive collection of skills for [Claude Code](https://claude.ai/code), Anthropic's official CLI for Claude.
Origin
These skills were converted from Cursor Rules (.cursorrules files) to the Claude Code skills format (SKILL.md). The original Cursor rules provided coding guidelines and best practices that Cursor AI would follow when generating code.
Each skill has been reformatted to work with Claude Code's skill system, which uses YAML frontmatter for metadata and markdown for the actual guidelines.
What Are Skills?
Skills are reusable instruction sets that enhance Claude Code's capabilities for specific technologies, frameworks, or development practices. When activated, they provide Claude with expert-level context about:
- Coding conventions and best practices
- Framework-specific patterns
- Project structure guidelines
- Error handling approaches
- Performance optimization techniques
Skill Format
Each skill follows this structure:
```markdown
---
name: skill-name
description: Brief description of the skill
---
# Skill Title
Guidelines and instructions...
```
Installation
Option 1: Copy Individual Skills
Copy desired skill folders to your project's .claude/skills/ directory:
```bash
cp -r skills/react /path/to/your/project/.claude/skills/
```
Option 2: Global Installation
Copy skills to your global Claude Code configuration:
```bash
cp -r skills/* ~/.claude/skills/
```
Option 3: Clone Entire Repository
```bash
git clone https://github.com/YOUR_USERNAME/skills.git ~/.claude/skills
```
Available Skills
Frontend Frameworks
| Skill | Description |
|-------|-------------|
| react | React development with hooks, performance optimization |
| nextjs-react-typescript | Next.js with React and TypeScript |
| vue-typescript | Vue.js with TypeScript |
| angular | Angular framework development |
| svelte | Svelte framework |
| sveltekit | SvelteKit full-stack framework |
| remix | Remix framework |
| astro | Astro static site generator |
| nuxtjs-vue-typescript | Nuxt.js with Vue and TypeScript |
Mobile Development
| Skill | Description |
|-------|-------------|
| react-native-cursor-rules | React Native development |
| expo-react-native-typescript | Expo with React Native and TypeScript |
| flutter | Flutter cross-platform development |
| swift | Swift language development |
| swiftui-development | SwiftUI interface development |
| android-development | Android native development |
| kotlin-development | Kotlin development |
| ionic | Ionic hybrid mobile apps |
Backend & APIs
| Skill | Description |
|-------|-------------|
| nodejs-development | Node.js backend development |
| express-typescript | Express.js with TypeScript |
| fastapi-python | FastAPI Python framework |
| django-python | Django web framework |
| flask-python | Flask Python framework |
| ruby-rails | Ruby on Rails |
| laravel | Laravel PHP framework |
| spring-boot | Spring Boot Java framework |
| go-backend-microservices | Go microservices |
| nestjs-clean-typescript | NestJS with clean architecture |
| graphql | GraphQL API development |
| grpc-development | gRPC development |
| trpc | tRPC type-safe APIs |
Languages
| Skill | Description |
|-------|-------------|
| typescript | TypeScript best practices |
| python | Python development |
| go | Go language |
| rust | Rust programming |
| java | Java development |
| c-sharp | C# development |
| ruby | Ruby development |
| php-development | PHP development |
| elixir | Elixir functional programming |
| julia | Julia scientific computing |
| lua | Lua scripting |
| cpp | C++ development |
Databases & ORMs
| Skill | Description |
|-------|-------------|
| `
More from this repository10
Provides expert guidelines and best practices for implementing React Query, focusing on efficient data fetching, caching, and state management in React applications.
Provides Claude Code guidelines and best practices for using pnpm as a performant, efficient package manager for JavaScript/Node.js projects.
alpine-js skill from mindrally/skills
Provides Claude Code guidelines for implementing secure authentication in Next.js applications using NextAuth.js, covering best practices for user authentication flows.
Generates and validates design system components, tokens, and guidelines to ensure consistent UI/UX across digital products and platforms
Provides expert coding guidelines and best practices for building full-stack web applications using Next.js, TypeScript, Tailwind CSS, and Supabase, ensuring consistent and high-quality development...
Provides expert guidelines and best practices for developing 2D interactive graphics and game development using the Pixi.js rendering library.
Provides Claude Code guidelines and best practices for developing web applications using the HTMX lightweight JavaScript library for creating interactive, dynamic web interfaces without complex fro...
Provides expert guidelines and best practices for developing web applications and services using Cloudflare technologies, including Workers, Pages, and edge computing strategies.
Provides expert coding guidelines and best practices for building Next.js applications using React, Redux, and TypeScript, optimizing development workflow and code quality.