Adityaraj0421/naksha-studio

Adityaraj0421/naksha-studio

Command

Part of naksha-studio

Generate A/B test design variants from an existing Figma screen — alternate layouts, CTA placements, color treatments, and copy variations.

Adityaraj0421/naksha-studio

Command

Part of naksha-studio

Full WCAG AA accessibility audit on an HTML file — contrast ratios, keyboard navigation, semantic HTML, ARIA usage, touch targets, and label associations.

Adityaraj0421/naksha-studio

Command

Part of naksha-studio

Generate a complete brand kit from a logo and 1-2 brand colors — full palette, type scale, icon style, component tokens, and Figma styles.

Adityaraj0421/naksha-studio

Command

Part of naksha-studio

Define or audit a brand — positioning, visual identity system, voice and tone, and brand architecture.

Adityaraj0421/naksha-studio

Command

Part of naksha-studio

Design a chart or data visualization — selects the right chart type, applies accessible color palettes, adds annotations, and outputs production-ready HTML/CSS/JS.

Adityaraj0421/naksha-studio

Command

Part of naksha-studio

Capture a competitor website with Playwright and extract its color system, typography, layout patterns, and 'steal this' recommendations.

Adityaraj0421/naksha-studio

Command

Part of naksha-studio

Auto-generate component documentation from Figma — props, variants, usage guidelines, spacing specs, and code snippets in Storybook-style format.

Adityaraj0421/naksha-studio

Command

Part of naksha-studio

Design and build a complete dashboard layout — sidebar navigation, KPI cards, chart areas, data tables, filter bar, and responsive behavior. Outputs production-ready HTML/CSS.

Adityaraj0421/naksha-studio

Command

Part of naksha-studio

Audit a data visualization for chart type selection, accessible color palette, annotations, and anti-patterns. Optionally audits dashboard layout fit when context is provided. Outputs a scored checklist and corrected code.

Adityaraj0421/naksha-studio

Command

Part of naksha-studio

Design an AR overlay interface — anchor strategy, world tracking UI, scan states, confirmation overlays, and occlusion handling.

Adityaraj0421/naksha-studio

Command

Part of naksha-studio

Design a complete chatbot or conversational assistant UI — dialog flows, message bubbles, quick replies, typing indicators, error states, and accessibility.

Adityaraj0421/naksha-studio

Command

Part of naksha-studio

Capture two websites with Playwright and produce a structured side-by-side design comparison — layout, color, typography, navigation, and 'steal this' recommendations.

Adityaraj0421/naksha-studio

Command

Part of naksha-studio

Audit or generate regulation-specific UI patterns for HIPAA, PCI DSS, or ADA compliance. Use --regulation to target a specific standard.

Adityaraj0421/naksha-studio

Command

Part of naksha-studio

UX heuristic review of Figma screens — evaluates against Nielsen's 10 heuristics, visual design quality, spacing, color, typography hierarchy, and interaction states.

Adityaraj0421/naksha-studio

Command

Part of naksha-studio

Convert HTML/CSS design output to framework-specific component code. Supports web: React+Tailwind, Vue 3+UnoCSS, Svelte 5, Next.js App Router, Astro. Native mobile: Flutter, React Native, SwiftUI, Jetpack Compose.

Adityaraj0421/naksha-studio

Command

Part of naksha-studio

Design GDPR/CCPA-compliant consent flows — cookie banners, consent hierarchy, privacy controls, and data deletion request UI.

Adityaraj0421/naksha-studio

Command

Part of naksha-studio

Generate a developer handoff document from a Figma file — spacing specs, token maps, component APIs, and production-ready code snippets.

Adityaraj0421/naksha-studio

Command

Part of naksha-studio

Generate an interactive HTML presentation from Figma screens — annotated walkthrough with transitions, speaker notes, and keyboard navigation.

Adityaraj0421/naksha-studio

Command

Part of naksha-studio

Visual QA on an HTML/CSS implementation — checks responsive behavior at mobile/tablet/desktop, design token compliance, interactive states (hover, focus, active), and motion quality.

Adityaraj0421/naksha-studio

Command

Part of naksha-studio

Record naksha's design team working — turn a /design run into a share-able vertical + landscape video reel (the 26-role team redesigning a screen, live).

Adityaraj0421/naksha-studio

Command

Part of naksha-studio

Review an existing design for quality — accessibility, usability, visual consistency, content, and motion. Accepts HTML files, Figma URLs, preview servers, or screenshots for visual AI critique.

Adityaraj0421/naksha-studio

Command

Part of naksha-studio

Quantitative 0–100 design quality score across Accessibility, Usability, Visual Quality, and Token Compliance.

Adityaraj0421/naksha-studio

Command

Part of naksha-studio

Design a spatial computing interface for visionOS, Vision Pro, or WebXR — depth hierarchy, window type, ornament placement, spatial typography, and interaction model.

Adityaraj0421/naksha-studio

Command

Part of naksha-studio

Guided design sprint methodology — problem framing, ideation, decision matrix, rapid prototyping, and testing plan in a structured 5-phase workflow.