🚀 Quick Start

Claude Code (full plugin — 32 commands, agents, hooks)

git clone https://github.com/Adityaraj0421/naksha-studio.git ~/.claude/plugins/naksha

Important: The folder must be named naksha — not design-studio or anything else. Claude Code uses the folder name as the plugin identifier.

Then try:

/design Build a landing page for a SaaS analytics product

Cursor

Copy .cursor/rules/naksha.mdc to your project's .cursor/rules/ directory. The design team activates automatically for CSS, HTML, TSX, SVG, and token files.

Windsurf

Copy .windsurfrules to your project root. Windsurf reads it automatically at session start.

Gemini CLI

Copy GEMINI.md to your project root. Gemini CLI reads it at session start.

VS Code Copilot

Copy .github/copilot-instructions.md to your project's .github/ directory. Copilot Chat and inline completions will apply the design team's rules.

⚡ Demo

Running /design Build a pricing page with monthly/annual toggle automatically loads UI Designer, Content Designer, Motion Designer, and Desig...