harshkedia177

harshkedia177/design-mode

Plugin Claude Code

Plugin marketplace listing 1 plugin: design-mode.

harshkedia177/design-mode

MCP server Claude CodeCodexCursor +2

MCP server "design-mode" as configured in harshkedia177/design-mode. Runs ${CLAUDE_PLUGIN_ROOT}/servers/index.js with node. Needs 1 environment variable to run.

harshkedia177/design-mode

Plugin Claude Code

Visual Design Mode overlay for annotating, inspecting, and modifying UI elements directly in the browser. Click elements to annotate, hover to inspect box models, and let Claude apply your design feedback to source code.

harshkedia177/design-mode

Agent

Autonomous design assistant that reads browser annotations from Design Mode, maps them to source files, and applies CSS/HTML/JSX changes. Handles source file discovery, style interpretation, framework-aware editing, and before/after verification via screenshots.

harshkedia177/design-mode

Skill Claude CodeCodex

Process and apply user annotations from Design Mode. Use when the user says 'apply annotations', 'process my design comments', 'fix those', 'apply my changes', 'do what I noted', 'apply design feedback', or when the auto-read hook detects pending annotations.

harshkedia177/design-mode

Skill Claude CodeCodex

Activate or deactivate the visual Design Mode overlay on a web page in the browser. Use when the user says 'activate design mode', 'turn on design mode', 'start design mode', 'inject overlay', 'enable element inspection', or 'deactivate design mode', 'turn off design mode', 'remove overlay'.

harshkedia177/design-mode

Skill Claude CodeCodex

Read and return detailed information about selected elements from the Design Mode overlay. Use when the user says 'what did I select', 'inspect element', 'show element details', 'read element', 'what element is that', 'show me element info', or references an element from the overlay.

harshkedia177/design-mode

Skill Claude CodeCodex

Live CSS playground for tweaking element styles in real-time in the browser. Use when the user says 'open css playground', 'let me tweak styles', 'live edit CSS', 'try different styles', 'experiment with styles', or wants to visually iterate on CSS before committing to source code.

harshkedia177/image-gen-plugin

Skill Claude CodeCodex

This skill should be used when the user asks to "generate an image", "create a picture", "make an illustration", "design a graphic", "create a logo", "make a poster", "generate a photo", "create visual content", "batch generate images", "create variations", or any request involving AI image generation. Provides a…

harshkedia177/image-gen-plugin

Skill Claude CodeCodex

This skill should be used when the user asks to "remove background", "make transparent", "make a logo transparent", "create a sticker with no background", "convert to PNG", "convert to JPEG", "convert to WebP", "export as", "convert image format", "post-process image", "remove bg", or when an image needs background…

harshkedia177/image-gen-plugin

Skill Claude CodeCodex

This skill should be used when the user asks to "generate an image", "create a picture", "make an illustration", "design a graphic", "craft an image prompt", "use Nano Banana", "use Gemini image generation", or when crafting prompts for AI image generation. Provides comprehensive Nano Banana prompting knowledge…

harshkedia177/image-gen-plugin

Skill Claude CodeCodex

This skill should be used when the user asks to "optimize my image prompt", "improve this prompt", "make this prompt better", "rewrite my prompt for Gemini", "enhance my image description", "fix my prompt", "why isn't my prompt working", "optimize for Nano Banana", "convert my Midjourney prompt", "translate my DALL-E…

harshkedia177/image-gen-plugin

Plugin Claude Code

Plugin marketplace listing 1 plugin: image-gen.

harshkedia177/image-gen-plugin

Plugin Claude Code

AI image generation assistant — crafts optimal prompts, generates images via Gemini/Nano Banana, self-reviews, and post-processes. Model-agnostic architecture.

harshkedia177/image-gen-plugin

Agent

Use this agent to review and critique a generated AI image, evaluating quality, prompt adherence, and suggesting specific improvements. Triggers after image generation when review rounds are enabled. Examples.

harshkedia177/image-gen-plugin

Agent

Use this agent when the user wants to generate, create, or design an image, picture, illustration, graphic, logo, mockup, or any visual content using AI. Also triggers when the user asks to "craft a prompt", "write an image prompt", or "help me with image generation". Examples.

harshkedia177/image-gen-plugin

Command

Generate multiple image variations — different styles, aspect ratios, or creative directions from a single concept.

harshkedia177/image-gen-plugin

Command

Generate an AI image from a text description. Optionally pass a description inline, or start an interactive session.