Skills
.Work. You
Rest

designer-workflow

Community

Ensure consistent UI/UX design for React/Tailwind components.

Design & Creative#React#UI/UX#design system#TailwindCSS#icons
AuthorDenayssam
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill streamlines the design process for React/Tailwind components, ensuring adherence to Fluxo AI's official design system, reducing errors, and maintaining brand consistency.

Core Features & Use Cases

  • Automated Design System Application: Enforces the use of glassmorphism, mobile-first layout, and exclusive iconography for React/Tailwind components.
  • Layout Optimization: Ensures responsive design that scales seamlessly from mobile to desktop.
  • Iconography Standardization: Utilizes lucide-react icons for a cohesive look across all components.
  • Use Case: When creating a new React component using TailwindCSS, this Skill ensures that the design aligns with Fluxo AI's brand guidelines and performance standards.

Quick Start

Apply the designer-workflow skill to your React/Tailwind component to adhere to the official Fluxo AI design standards.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 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: designer-workflow
Download link: https://github.com/Denayssam/cnos-ai/archive/main.zip#designer-workflow

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 620,000+ vetted skills library on demand.