design

Solid

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, deploy

Web & Frontend 286 stars 22 forks Updated today MIT

Install

View on GitHub

Quality Score: 88/100

Stars 20%
82
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# Design Team Skill This skill provides **structured design knowledge organized by specialty**. Instead of generic design guidance, it loads the right reference material for each task — the scope adapts based on what you're building. ## Plugin Commands This skill is part of the **naksha** plugin. For focused workflows, use these commands: | Command | Use when | |---------|----------| | `/design <task>` | Full design workflow with team assembly | | `/design-review <file or screenshot>` | Audit an existing design — accepts HTML files, Figma URLs, screenshots (visual AI critique), or preview servers | | `/design-system` | Generate or extract design tokens | | `/figma <URL>` | Convert a Figma design to production code | | `/figma-create <task>` | Create designs directly in Figma (pages, components, styles) | | `/ux-audit <brief>` | Audit a Figma file against a design brief | | `/design-handoff` | Generate developer handoff docs (tokens, specs, component APIs) | | `/figma-responsive` | Generate mobile/tablet variants from a desktop Figma frame | | `/figma-sync` | Detect drift between Figma designs and code implementation | | `/design-present` | Generate an HTML presentation from Figma screens | | `/brand-kit` | Generate a complete brand kit from colors and mood | | `/component-docs` | Auto-generate component documentation from Figma | | `/figma-prototype` | Create interactive prototype connections in Figma | | `/site-to-figma` | Capture a live website and recreate in Figma | |...

Details

Author
Adityaraj0421
Repository
Adityaraj0421/naksha-studio
Created
2 months ago
Last Updated
today
Language
Shell
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Listed

ry-design

Сквозной дизайн-воркфлоу: Figma → код → токены → FSD → shadcn/ui → ReactBits → browser validation. Используй для: /rldyour-design:ry-design, сделай дизайн, реализуй UI, сверстай страницу, перенеси Figma макет, лендинг, дашборд, редизайн. EN triggers: end-to-end design, build UI, ship landing page, ship dashboard, redesign feature, production-ready UI, pixel-perfect implementation, design workflow.

1 Updated today
NDDev-it-com
Web & Frontend Listed

frontend-design

Create distinctive, production-grade frontend interfaces in your product's brand voice. Use this skill when building web components, pages, prototypes, dashboards, HTML/CSS layouts, or any web UI. Generates polished, intentional code that feels genuinely yours, not generic AI-generated output. Always reads your design system tokens before producing any output. Triggers on: "build a page", "create a component", "make a dashboard", "prototype this", "HTML for", "design a screen", "landing page", or any request to style or beautify a web interface.

0 Updated 1 weeks ago
talgacapri
Web & Frontend Solid

design-system

Build or audit a design system including component library, design tokens, naming conventions, contribution model, and documentation. Use this skill whenever the user wants to build a design system, audit an existing system, define design tokens at the system level, structure a component library, or set up design system governance. Triggers on design system, component library, design tokens, atomic design, atoms, molecules, organisms, design system documentation, Storybook, Figma library, system governance, design contribution model. Also triggers when teams are inconsistent across products and a system is the answer.

287 Updated today
rampstackco
Web & Frontend Solid

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

5,860 Updated today
ThinkInAIXYZ
Web & Frontend Listed

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

15 Updated 3 days ago
archubbuck