By mikhailz404
Complete Next.js web development plugin: React 18+, App Router, Server Components, TypeScript, Tailwind CSS, Supabase Auth, Turbopack, and UI/UX skills.
Expert integration of Supabase Auth with Next.js App Router. Use when: supabase auth next, authentication next.js, login supabase, auth middleware, protected route.
Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.
React and Next.js 14+ application development with App Router, Server Components, TypeScript, Tailwind CSS, and modern frontend patterns.
UI/UX design intelligence for React, Next.js, and web interfaces. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, Flutter, Tailwind, shadcn/ui). Use when: designing UI, implementing components, styling, accessibility.
A Claude Code plugin marketplace — a curated collection of skills and plugins I've created and used, shared for anyone to install and use.
This repository hosts plugins and skills for Claude Code that extend its capabilities in areas like lead generation, game development, brand guidelines, and more.
| Plugin | Description |
|---|---|
| lead-gen-plugin | Full lead generation system — prospect research, enrichment, scoring, outreach writing, CRM updates |
| emily-unreal-explorer | Skill hub for Unreal Engine development — UE features, C++ patterns, Sequencer, game architecture |
| emily-brand-unified-guidelines | Unified color system for UI, presentation, and data visualization |
| emily-presentation-system | Data-driven and sprint presentation deck generator |
| playwright-cli | Automate browser interactions, test web pages with Playwright (requires Node.js) |
| nextjs-web | Complete Next.js web development — React 18+, App Router, Server Components, TypeScript, Tailwind CSS, Supabase Auth, Turbopack |
# Add this marketplace
/plugin marketplace add jojo-in-runtime/jojo-in-runtime-skill-hub
# Install a plugin
/plugin install lead-gen-plugin@jojo-in-runtime-marketplace
/plugin install emily-unreal-explorer@jojo-in-runtime-marketplace
/plugin install playwright-cli@jojo-in-runtime-marketplace
/plugin install nextjs-web@jojo-in-runtime-marketplace
lead-scoring — Score leads (Hot/Warm/Cool/Low)lead-enrichment — Enrich lead dataprospect-research — Research target companiesoutreach-writer — Draft personalized emailscrm-update — Update CRM recordsnextjs-turbopack — Turbopack optimization and dev speednextjs-supabase-auth — Supabase Auth integrationreact-nextjs-development — Full React/Next.js workflowunreal-engine-53-feature-knowledge — UE 5.3 featuresunreal-engine-cpp-pro — C++ best practicesunreal-sequencer — Cinematics and cutscenesgame-developer — General game dev patternsPlugins in this marketplace are designed to be used directly in Claude Code conversations. Simply invoke the skill or command and Claude will use the plugin's guidance.
MIT
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
npx claudepluginhub mikhailz404/jojo-in-runtime-skill-hub --plugin nextjs-webระบบหาลูกค้าใหม่แบบครบวงจร — ค้นหาเป้าหมาย enrich ข้อมูล ให้คะแนน ร่างข้อความ จนถึงอัปเดต CRM
Generate data-driven and sprint presentation decks
Next.js development expertise with skills for App Router, Server Components, Route Handlers, Server Actions, and authentication patterns
Premium design patterns, UX research skills, and user journey mapping for modern web applications.
Use this agent for expert assistance with web development tasks using React, Next.js, NestJS, and other modern web frameworks with TypeScript and Tailwind CSS. This includes code analysis, component creation, debugging, performance optimization, and architectural decisions. Examples: <example>Context: User is building a Next.js app and encounters a routing issue. user: 'My dynamic routes in Next.js are not rendering correctly' assistant: 'Let me use the web-dev agent to analyze your Next.js routing setup and provide a solution' <commentary>This is a Next.js-specific routing issue, so the web-dev agent will provide targeted guidance.</commentary></example> <example>Context: User needs a reusable React component with Tailwind CSS. user: 'I need a card component that matches my app's Tailwind-based design system' assistant: 'I'll use the web-dev agent to create a TypeScript-based React card component styled with Tailwind CSS, following your app's design patterns' <commentary>The user requires a component that aligns with their Tailwind CSS design system, so the web-dev agent ensures compatibility.</commentary></example>
Modern React and UI development expertise. Master React 19, Next.js 15, component architecture, state management, performance optimization, and design systems.
Next.js App Router with AI SDK, Supabase, and shadcn/ui. Single orchestration command builds complete apps using specialized agents. Always uses latest dependency versions.
Comprehensive skill pack with 66 specialized skills for full-stack developers: 12 language experts (Python, TypeScript, Go, Rust, C++, Swift, Kotlin, C#, PHP, Java, SQL, JavaScript), 10 backend frameworks, 6 frontend/mobile, plus infrastructure, DevOps, security, and testing. Features progressive disclosure architecture for 50% faster loading.