Your agency's design brain. Always on, always yours.
> /plugin marketplace add Adityaraj0421/naksha-studio> /plugin install naksha@naksha
Your agency's design brain. Always on, always yours.
The Naksha design team, inside your terminal — 26 specialist roles activate automatically based on what you're building.
Quick Start · Commands · The Team · How It Works · Changelog
git clone https://github.com/Adityaraj0421/naksha-studio.git
cd naksha-studio && bash install.sh
Then restart Claude Code and try:
/design Build a landing page for a SaaS analytics product
✨ New in v5.1 —
/design-reel: record the design team working and render a share-able video of it (9:16 + 16:9)./design-reel Design a pricing page for a SaaS analytics product→ a post-ready clip of your screen being designed, live. Learn more ↓
Updates: Just
git pullinside the repo — no reinstall needed. The plugin is a live symlink to your local clone.
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.
Copy .windsurfrules to your project root. Windsurf reads it automatically at session start.
Copy GEMINI.md to your project root. Gemini CLI reads it at session start.
Copy .github/copilot-instructions.md to your project's .github/ directory. Copilot Chat and inline completions will apply the design team's rules.
Copy AGENTS.md to your project root and copy skills/design/ to .autohand/skills/naksha-design/. Autohand Code CLI will read the project instructions and load the Naksha design skill from its project-level skills directory.
Design Manager
Orchestrates
Creative Director
Vision
Product Designer
Strategy
UX Designer
Flows
UI Designer
Visual
UX Researcher
Insights
Content Designer
Copy
Design System Lead
Tokens
Motion Designer
Animation
Social Media Designer
Social Visuals
Social Media Strategist
Campaigns
Social Media Copywriter
Captions
Growth/Analytics Specialist
Metrics
Email Designer
HTML Email
Email Copywriter
Subject Lines
Data Viz Designer
Charts
Dashboard Architect
Layouts
Presentation Designer
Decks
Brand Strategist
Positioning
Illustration Director
Icons & Art
Video/Content Producer
Scripts
AI Image Director
Image Gen
AI Video Director
Video Gen
AI Audio & Voice Producer
Voiceover & Music
AI Prompt Engineer
Prompt Systems
Print Designer
Print & PDF
The skill loads only the references your task actually needs
| Command | What It Does |
|---|---|
/design <task> | Full design workflow with team assembly |
/design-review <file or screenshot> | Quality audit — accepts HTML, Figma URLs, or screenshots for visual AI critique (6 design principles scored 0–10) |
/design-system | Generate, extract, or audit design tokens |
/figma <URL> | Convert Figma designs to production code |
/figma-create <task> | Build pages, wireframes, components in Figma |
/ux-audit <brief> | Audit Figma file against a design brief |
/design-handoff | Developer handoff docs (tokens, specs, APIs) |
/figma-responsive | Generate mobile/tablet variants from desktop |
/figma-sync | Detect design–code drift |
/design-present | Interactive HTML presentation from Figma |
/brand-kit <color> | Complete brand kit from 1–2 colors |
/component-docs | Storybook-style docs from Figma components |
/figma-prototype | Prototype connections between frames |
/site-to-figma <URL> | Capture website → editable Figma design |
/ab-variants | A/B test design variants |
/design-sprint | Guided 5-phase design sprint |
/social-content <task> | Social media visuals (posts, stories, reels, carousels) |
/social-campaign <brief> | Campaign planning with strategy, calendar, and captions |
/social-analytics <type> | Social analytics dashboards and performance reports |
/design-framework <fw> [file] | Convert HTML designs to React, Vue, Svelte, Next.js, or Astro |
/email-template <type> for <brand> | Production HTML email template (responsive, dark mode, cross-client) |
/email-campaign <type> for <product> | Complete multi-email campaign sequence with copy and HTML templates |
/email-audit | Full-spectrum email audit — technical rendering issues + copy/strategy critique (two-phase) |
/design-template <category> | Production web template from gallery (landing-page, dashboard, pricing, auth, blog, ecommerce, portfolio, docs, saas, onboarding) |
/chart-design <description> | Accessible chart or data visualization — selects chart type, applies colorblind-safe palette, outputs HTML/CSS/JS |
/dashboard-layout <description> | Complete dashboard — KPI cards, chart areas, filter bar, data table, sidebar, responsive |
/data-viz-audit | Audit chart type, palette, annotations, anti-patterns. Conditional Phase 2: dashboard fit |
/design-tutorial [track] | Interactive guided tour — tracks: quick-start, ui, figma, social, email, data-viz, full |
/figma-component-library <description> | Complete Figma component library — atoms, molecules, organisms with variants, auto layout, component properties |
/motion-design <component or page> | Design micro-interactions, transitions, and animation systems — duration/easing scale, reduced motion fallbacks |
/presentation-design <deck type> | Design a complete presentation deck — pitch deck, product demo, or internal — with slide system and visual hierarchy |
/brand-strategy <brand name> | Define or audit a brand — positioning, visual identity, voice and tone, brand architecture |
/illustration-system <scope> | Design an illustration style guide, icon system, or SVG asset set |
/video-script <video type> | Write a video script, storyboard, or content series plan for demos, explainers, social video, or ads |
/gen-image <subject> for <brand> | Generate a brand-aligned AI image — tool selection (MJ/DALL-E/Ideogram/Firefly/SD), full 6-element prompt, 2 variations, seed strategy |
/gen-video <scene> for <platform> | Generate a shot-by-shot AI video prompt pack — tool selection (Runway/Kling/Sora/Pika/Luma), consistency strategy, platform spec |
/gen-audio <voice or music> for <platform> | Generate an AI audio brief — voiceover (ElevenLabs/Murf) or music/jingle (Suno), timing cues, FTC/EU AI Act compliance |
/gen-moodboard <concept> for <brand> | Generate 3 AI moodboard directions — brand personality extraction, visual style, 4–6 prompts per direction |
/prompt-refine <existing prompt> | Diagnose and optimise any AI gen prompt — annotated critique, optimised version, cross-tool variant |
/print-layout <brief> | Print-ready layout — business cards, certificates, brochures, posters with CMYK, bleed, and crop marks |
/print-audit <file> | Pre-flight audit for print: bleed, CMYK, resolution, font embedding, PDF/X compliance |
/pdf-report <brief> | Multi-page PDF report or document — cover, table of contents, body sections, charts, structured for print or digital |
/lint-design <figma_url> | Design linter — orphan colors, non-token spacing, missing auto-layout, contrast violations, scored by severity |
/accessibility-audit | WCAG 2.1 AA audit — contrast, ARIA, keyboard nav, semantic HTML — with specific code fixes |
/design-qa <file or URL> | Visual QA at 3 breakpoints — token compliance, interaction states, responsive behavior |
/design-critique <file> | Heuristic review — Nielsen's 10 heuristics, visual audit, interaction states; add --screenshot <path> for vision-mode critique |
v4.0.0 — Memory, Pipelines, Vision & Frontier Wings
| /naksha-init | Interactive project setup wizard — writes .naksha/project.json (brand, framework, tokens) and creates a design decision log |
| /naksha-status | Display current project context and recent design decisions from memory |
| /pipeline run <name> | Execute a multi-step design pipeline — launch-prep, brand-audit, component-build, social-launch |
| /design-compare <url1> <url2> | Side-by-side visual analysis of two URLs — layout, typography, color, UX patterns, "Steal This" recommendations |
| /competitive-audit <url> | Extract a competitor's color palette, type system, layout grid, and UX patterns with quality ratings |
| /design-chatbot <type> [platform] | Complete chatbot/assistant UI spec — persona, dialog flows, message bubbles, quick replies, error states, accessibility |
| /design-voice-ui <product> [platform] [screen] | Voice interface spec — wake word flows, confirmation patterns, hybrid screen layout, SSML, earcon design |
| /design-spatial <type> [platform] | Spatial computing spec for visionOS/WebXR — depth hierarchy, window types, ornaments, spatial typography |
| /design-ar-overlay <use-case> [platform] | AR overlay spec — anchor strategy, world tracking UI, instruction cards, scan states, occlusion handling |
| /design-gdpr <type> [jurisdiction] | GDPR/CCPA consent flows — cookie banner variants, privacy control center, data deletion request flow |
| /design-compliance --regulation <hipaa\|pci\|ada> | Compliance design audit or generation — HIPAA PHI handling, PCI payment form isolation, ADA/Section 508 |
v4.6.0 — CI/CD & Health
| /naksha-doctor [--fix] | Plugin health check — validates command count, references, version consistency, allowed-tools; probes Playwright + Figma MCP availability; --fix remediates issues automatically |
v4.7.0 — Design Intelligence
| /design-score <file or URL> | Quantitative 0–100 design score across 4 dimensions: Accessibility (WCAG), Usability (Nielsen), Visual Quality, Token Compliance — ASCII bar chart, A–F grade |
v5.0.0 — Project Memory & Design Agent
View @adityaraj0421’s profileGearbox is a Claude Code plugin that automatically routes subagent delegations to the cheapest model tier that can handle the work — haiku for search and mechanical edits, sonnet for standard implementation, opus for hard architectural problems.
@adityaraj0421naksha is a Claude Code plugin with 1 hand-picked skill, indexed on Flowy in the Design category. Install it with the command on its page. It includes design. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.
Is this plugin yours?
Claim it with GitHubSubmit a pluginPromote it