Skills
.Work. You
Rest

nuxia-design-extract

Community

Turn Nuxia design into ready tokens.

Design & Creative#responsive#tailwind#ux-design#design-system#design-token#capacitor#commerce-ui
Authorhobbong21
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill translates Nuxia's design language into practical design tokens, component references, and responsive specs for commerce-focused hybrid apps, enabling faster handoffs between design and development.

Core Features & Use Cases

  • Design Token Extraction: Generate a tokens JSON mapping colors, typography, spacing, radii, and shadows from the observed design language.
  • Component Catalog: Produce a catalog of UI primitives customized for commerce contexts (Button, ProductCard, etc.) with responsive variants.
  • Responsive Specs: Define mobile-first breakpoints and Tailwind mappings to ensure consistent rendering across devices.
  • Use Case: A designer hands off a Nuxia homepage concept; the skill outputs tokens + component references that developers implement in Tailwind and Capacitor-ready layouts.

Quick Start

Analyze the Nuxia site design language and generate design tokens, component references, and responsive specs ready for Tailwind mapping.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: nuxia-design-extract
Download link: https://github.com/hobbong21/nuxia2/archive/main.zip#nuxia-design-extract

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.