optimized-nextjs-typescript

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.

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

Each skill follows this structure:

```markdown

---

name: skill-name

description: Brief description of the skill

---

# Skill Title

Guidelines and instructions...

```

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

```

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 |

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

| `