A virtual design team for Claude Code, Cursor, Windsurf, Gemini CLI, and Copilot — 26 roles, 60 commands, 13,800+ lines of expert design knowledge. Your agency's design brain, inside your terminal.
# Add to your Claude Code skills
git clone https://github.com/Adityaraj0421/naksha-studioYour 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
Updates: Just
git pullinside the repo — no reinstall needed. The plugin is a live symlink to your local clone.
No comments yet. Be the first to share your thoughts!
Top skills in this category by stars
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.
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-