Skill Claude CodeCodex
Linear's proven methodology for software development and project organization. Use when helping users plan work, create issues, structure projects, set direction, prioritize tasks, or organize development workflows. Applies Linear's principles of momentum, simplicity, and focus—not API integration. For solo developers…
Plugin Claude Code
Next.js plugins for claude to work with Next.js.
Agent
Use this agent when you need to review pending code changes to ensure they follow the Next.js 16 architecture guidelines defined in the project's skill file. This agent should be called after writing code or before committing changes to validate compliance with established patterns. Examples:\n\n \nContext: The user…
Command
Look up a Server Action by its ID.
Command
Get guidance on Next.js Cache Components setup.
Command
Quick investigation of what's wrong with the app.
Command
Run a full diagnostic scan of the Next.js application.
Command
Check all Next.js errors (build, runtime, type).
Command
Find and fix all Next.js errors automatically.
Command
Get and analyze Next.js development logs.
Command
Get metadata about a specific Next.js page.
Command
Get Next.js project structure and configuration.
Command
Review pending code changes against Next.js 16 architecture guidelines.
Command
List all routes in the Next.js application.
Skill Claude CodeCodex
Comprehensive Next.js v16 development with Cache Components, feature-based architecture, and best practices. Use for ANY Next.js 16 task to know - (1) Project structure with features folder pattern, (2) Where to fetch data with use cache, (3) Server vs Client component decisions, (4) One file per…
Skill Claude CodeCodex
Expert-level Vercel AI SDK v5 patterns for production chatbots. Use for: (1) Chat persistence with Drizzle/PostgreSQL, (2) Generative UI with typed tool parts, (3) Human-in-the-loop tool confirmations, (4) Custom data streaming with reconciliation, (5) Anthropic provider with extended thinking/reasoning, (6) Type-safe…
Plugin Claude Code
Clone a website from a URL.
Agent
Use this agent when you need to implement a pixel-perfect website clone from reference screenshots, extracted styles, and assets. This agent is ideal when you have a context.md file with extracted design specifications, screenshots of the target website, and downloaded assets in the public folder. It detects your…
Agent
Use this agent when you need to gather all visual assets (images, videos, SVGs, fonts) and extract complete style information (colors, typography, spacing, animations) from a website for cloning purposes. This agent systematically downloads and organizes all resources needed to recreate a website's visual…
Agent
Use this agent when you need to perform quality assurance review on a cloned website implementation. This agent should be launched after a website clone has been implemented in React/Tailwind and you want to identify all visual discrepancies between the original and the clone before delivery. Examples:\n\n \nContext…
Agent
Use this agent when you need comprehensive visual documentation of a website for cloning or reference purposes. This includes capturing full-page screenshots at multiple viewport sizes, individual section captures, component close-ups, hover states, and interactive elements. Ideal for website redesign projects…
Command
Clone any website with pixel-perfect fidelity using specialized sub-agents.
Skill Claude CodeCodex
Agentic workflow for cloning websites with pixel-perfect fidelity using specialized sub-agents. Use when the user wants to clone/copy/replicate a website, create a landing page based on an existing site, or needs to extract and recreate a website's design. Includes orchestration via slash command, four specialized…