/design
Assembles a virtual design team to produce production-quality UI, UX, visual, social media, email, and data output. A Design Manager staffs the right specialists (Product Designer, UX Designer, UI Designer, UX Researcher, Content Designer, Design System Lead, Motion Designer,
$ npx -y skills add Adityaraj0421/naksha-studio --skill design --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
- You can call itInvoke it directly when you want it.
- Slash command
/design
Context preview
The summary Claude sees to decide when to auto-load this skill.
Assembles a virtual design team to produce production-quality UI, UX, visual, social media, email, and data output. A Design Manager staffs the right specialists (Product Designer, UX Designer, UI Designer, UX Researcher, Content Designer, Design System Lead, Motion Designer,
SKILL.md
design.SKILL.md--- name: design description: > Assembles a virtual design team to produce production-quality UI, UX, visual, social media, email, and data output. A Design Manager staffs the right specialists (Product Designer, UX Designer, UI Designer, UX Researcher, Content Designer, Design System Lead, Motion Designer, Creative Director, Social Media Designer, Social Media Strategist, Social Media Copywriter, Growth/Analytics Specialist, Email Designer, Email Copywriter, Data Viz Designer, Dashboard Architect, Presentation Designer, Brand Strategist, Illustration Director, Video/Content Producer, AI Image Director, AI Video Director, AI Audio & Voice Producer, AI Prompt Engineer, Print Designer) based on the task scope. Trigger when the user asks to design, build, style, or prototype web pages, apps, components, dashboards, presentations, design tokens, or brand assets. Also trigger for Figma-to-code workflows, design system creation, responsive layouts, dark mode theming, accessibility audits, UX flows, wireframes, content strategy, animations, deployment, social media content, campaigns, Instagram, TikTok, LinkedIn, Twitter, YouTube, carousels, stories, reels, content calendars, hashtags, captions, social analytics, email templates, email campaigns, newsletters, email sequences, welcome emails, drip campaigns, email copywriting, HTML email, deliverability, charts, graphs, data visualization, bar charts, line charts, scatter plots, KPI dashboards, analytics dashboards, data tables, presentations, pitch decks, slide decks, keynote, powerpoint, google slides, investor deck, brand positioning, brand strategy, brand identity, brand audit, brand architecture, brand voice, illustrations, icon systems, icons, SVG assets, spot illustrations, style guide, video scripts, storyboards, video content, product demo video, explainer video, short-form video, reels script, youtube script, tiktok script, motion design, micro-interactions, page transitions, animation, CSS animations, Lottie, generate image, ai image, midjourney, dall-e, dall·e, ideogram, firefly, stable diffusion, gen video, ai video, runway, kling, sora, pika, luma dream machine, voiceover, voice gen, ai audio, elevenlabs, suno, murf, ai prompt, prompt refine, moodboard, gen-moodboard, prompt-refine, ai-generated image, ai-generated video, image generation, video generation, print layout, business card, pdf report, print design, print audit, preflight check, bleed, certificate design, brochure layout, print artifact, annual report print, invoice design, print flyer, chatbot, conversational UI, voice interface, chat widget, virtual assistant, dialog flow, visionOS, Vision Pro, spatial UI, depth hierarchy, WebXR, mixed reality, augmented reality, immersive, AR design, AR overlay, world tracking, spatial computing, GDPR, CCPA, compliance design, cookie consent, consent banner, HIPAA, PCI DSS, data deletion, data portability, accessibility compliance, ADA compliance, naksha-init, naksha-status, project memory, pipeline, run pipeline, competitor analysis, compare designs, competitive audit, design compare, extract tokens, token extraction, find my design tokens, map tokens, token audit, token coverage, UX critique, 3-pass review, multi-pass audit, thorough design review, design second opinion, browse URL, browse design, visit site, inspect site, research design, capture design patterns, naksha-browse, design patterns from URL, what does this site look like, design inspiration, browser vision, screenshot design, competitive design research, remember this decision, save this constraint, record decision, persist design rule, naksha-remember, design constraint, grid system, breakpoints, dark mode decision, out of scope, component pattern, WCAG target, max content width. Covers both quick visual tweaks and full product design — the Manager scales the team to match task complexity.
<example> user: "Build me a landing page for a SaaS product" assistant: Activates UI Designer, Content Designer, Motion Designer, Design System Lead </example>
<example> user: "Convert this Figma design to code" assistant: Routes to /figma command with Figma Workflow reference </example>
<example> user: "Create wireframes in Figma for a task manager" assistant: Routes to /figma-create with UX Designer + Figma Creator </example>
<example> user: "Create Instagram posts for our product launch" assistant: Activates Social Media Designer, Social Media Copywriter, UI Designer </example>
<example> user: "Plan a social media campaign for Q2" assistant: Routes to /social-campaign with Social Media Strategist + Copywriter + Analytics </example>
<example> user: "Create a welcome email sequence for new signups" assistant: Routes to /email-campaign with Email Designer + Email Copywriter </example>
<example> user: "Build an HTML email template for our product launch" assistant: Routes to /email-template with Email Designer + Email Copywriter </example>
<example> user: "Build a chart showing monthly revenue trends" assistant: Routes to /chart-design with Data Viz Designer </example>
<example> user: "Design an analytics dashboard for a SaaS product" assistant: Routes to /dashboard-layout with Dashboard Architect + Data Viz Designer + UI Designer </example>
<example> user: "How do I use this plugin?" or "What can you do?" or "Tutorial" or "Getting started" assistant: Routes to /design-tutorial — interactive guided tour with track selection </example>
<example> user: "Build a complete component library in Figma for our design system" assistant: Routes to /figma-component-library with Figma Creator + Design System Lead + UI Designer </example>
<example> user: "Design a pitch deck for our seed round" assistant: Activates Presentation Designer, routes to /presentation-design with investor deck structure </e
Read more
--- name: design description: > Assembles a virtual design team to produce production-quality UI, UX, visual, social media, email, and data output. A Design Manager staffs the right specialists (Product Designer, UX Designer, UI Designer, UX Researcher, Content Designer, Design System Lead, Motion Designer, Creative Director, Social Media Designer, Social Media Strategist, Social Media Copywriter, Growth/Analytics Specialist, Email Designer, Email Copywriter, Data Viz Designer, Dashboard Architect, Presentation Designer, Brand Strategist, Illustration Director, Video/Content Producer, AI Image Director, AI Video Director, AI Audio & Voice Producer, AI Prompt Engineer, Print Designer) based on the task scope. Trigger when the user asks to design, build, style, or prototype web pages, apps, components, dashboards, presentations, design tokens, or brand assets. Also trigger for Figma-to-code workflows, design system creation, responsive layouts, dark mode theming, accessibility audits, UX flows, wireframes, content strategy, animations, deployment, social media content, campaigns, Instagram, TikTok, LinkedIn, Twitter, YouTube, carousels, stories, reels, content calendars, hashtags, captions, social analytics, email templates, email campaigns, newsletters, email sequences, welcome emails, drip campaigns, email copywriting, HTML email, deliverability, charts, graphs, data visualization, bar charts, line charts, scatter plots, KPI dashboards, analytics dashboards, data tables, presentations, pitch decks, slide decks, keynote, powerpoint, google slides, investor deck, brand positioning, brand strategy, brand identity, brand audit, brand architecture, brand voice, illustrations, icon systems, icons, SVG assets, spot illustrations, style guide, video scripts, storyboards, video content, product demo video, explainer video, short-form video, reels script, youtube script, tiktok script, motion design, micro-interactions, page transitions, animation, CSS animations, Lottie, generate image, ai image, midjourney, dall-e, dall·e, ideogram, firefly, stable diffusion, gen video, ai video, runway, kling, sora, pika, luma dream machine, voiceover, voice gen, ai audio, elevenlabs, suno, murf, ai prompt, prompt refine, moodboard, gen-moodboard, prompt-refine, ai-generated image, ai-generated video, image generation, video generation, print layout, business card, pdf report, print design, print audit, preflight check, bleed, certificate design, brochure layout, print artifact, annual report print, invoice design, print flyer, chatbot, conversational UI, voice interface, chat widget, virtual assistant, dialog flow, visionOS, Vision Pro, spatial UI, depth hierarchy, WebXR, mixed reality, augmented reality, immersive, AR design, AR overlay, world tracking, spatial computing, GDPR, CCPA, compliance design, cookie consent, consent banner, HIPAA, PCI DSS, data deletion, data portability, accessibility compliance, ADA compliance, naksha-init, naksha-status, project memory, pipeline, run pipeline, competitor analysis, compare designs, competitive audit, design compare, extract tokens, token extraction, find my design tokens, map tokens, token audit, token coverage, UX critique, 3-pass review, multi-pass audit, thorough design review, design second opinion, browse URL, browse design, visit site, inspect site, research design, capture design patterns, naksha-browse, design patterns from URL, what does this site look like, design inspiration, browser vision, screenshot design, competitive design research, remember this decision, save this constraint, record decision, persist design rule, naksha-remember, design constraint, grid system, breakpoints, dark mode decision, out of scope, component pattern, WCAG target, max content width. Covers both quick visual tweaks and full product design — the Manager scales the team to match task complexity.
<example> user: "Build me a landing page for a SaaS product" assistant: Activates UI Designer, Content Designer, Motion Designer, Design System Lead </example>
<example> user: "Convert this Figma design to code" assistant: Routes to /figma command with Figma Workflow reference </example>
<example> user: "Create wireframes in Figma for a task manager" assistant: Routes to /figma-create with UX Designer + Figma Creator </example>
<example> user: "Create Instagram posts for our product launch" assistant: Activates Social Media Designer, Social Media Copywriter, UI Designer </example>
<example> user: "Plan a social media campaign for Q2" assistant: Routes to /social-campaign with Social Media Strategist + Copywriter + Analytics </example>
<example> user: "Create a welcome email sequence for new signups" assistant: Routes to /email-campaign with Email Designer + Email Copywriter </example>
<example> user: "Build an HTML email template for our product launch" assistant: Routes to /email-template with Email Designer + Email Copywriter </example>
<example> user: "Build a chart showing monthly revenue trends" assistant: Routes to /chart-design with Data Viz Designer </example>
<example> user: "Design an analytics dashboard for a SaaS product" assistant: Routes to /dashboard-layout with Dashboard Architect + Data Viz Designer + UI Designer </example>
<example> user: "How do I use this plugin?" or "What can you do?" or "Tutorial" or "Getting started" assistant: Routes to /design-tutorial — interactive guided tour with track selection </example>
<example> user: "Build a complete component library in Figma for our design system" assistant: Routes to /figma-component-library with Figma Creator + Design System Lead + UI Designer </example>
<example> user: "Design a pitch deck for our seed round" assistant: Activates Presentation Designer, routes to /presentation-design with investor deck structure </e
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.

