skills.rest
fishyer
fishyerCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generates UI/UX design recommendations and implements frontend code across React, Vue, Svelte, and more.

1|Updated Apr 8, 2026
Search Tags:#code generation#design system#ux design#ui design#component specification
One-click install
npx skills add https://github.com/fishyer/skills --skill ui-ux-pro-max-fishyer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/fishyer/skills/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/fishyer/skills --skill ui-ux-pro-max-fishyer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, pypdf2, pdfplumber, requests, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides design intelligence and implementation guidance for UI/UX professionals, helping them build polished interfaces efficiently.

Core Features & Use Cases

  • UI/UX Design Guidance: Offers detailed design recommendations for UI/UX tasks.
  • Workflows: Includes workflows for generating UI layouts, improving existing UI/UX, and creating design systems.
  • Assets: Provides design intelligence data, reference materials, and tools.
  • Optional Script: Offers a script for generating design system tokens and component guidelines.
  • Use Case: When a user needs UI design, UX flows, information architecture, visual style direction, design systems, component specs, copy/microcopy, accessibility, or to generate/critique/refine frontend UI code.

Quick Start

To generate a design system for a SaaS dashboard, run the following command:

python3 <skill_path>/scripts/search.py "SaaS dashboard" --design-system -p "My Dashboard"

Frequently Asked Questions about ui-ux-pro-max

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a design system for a SaaS dashboard?▼

Generate a design system for a SaaS dashboard by running the provided Python script with the search term and project name. Execute the search.py script using the --design-system flag to output design tokens and component specification guidelines.

Can I use this to generate frontend UI code for React and Next.js?▼

Yes, you can generate and refine frontend UI code for React and Next.js. The Skill provides implementation guidance and code generation for frameworks including HTML/CSS/JS, Vue, Svelte, and Tailwind alongside design recommendations.

What do I need to create UI design recommendations and component specifications?▼

To create UI design recommendations and component specifications, you need Python installed to run the optional scripting components. The Skill uses Python dependencies like pypdf2 and pdfplumber to process reference materials and generate design tokens.

Does this tool provide UX flows and information architecture guidance?▼

Yes, the tool provides UX flows and information architecture guidance. It offers detailed design recommendations covering visual style direction, copy, microcopy, and accessibility alongside UI layout generation and critique.

What is the best way to critique and improve existing UI/UX designs?▼

Critique and improve existing UI/UX designs by utilizing the built-in workflows for refining interfaces. The Skill applies design intelligence data and reference materials to evaluate and suggest actionable implementation changes for your current UI.

Why does the design system generation require Python dependencies?▼

Python dependencies are required because the Skill uses scripts to process design intelligence data and reference PDFs. Libraries like pdfplumber and pypdf2 extract text and data needed to generate accurate design tokens and component guidelines.

Related Skills

Explore More Design & Creative Skills→
ruiming2airuiming2ai

adu-plan-review

Automate ADU construction plan compliance reviews and generate draft corrections letters.

Community
Advanced
sjoerdbeentjessjoerdbeentjes

frontend-design

Design production-grade frontend interfaces with accessible, responsive HTML/CSS/JS.

Community
Intermediate
raugadhraugadh
63

tailwindcss-development

Style components with Tailwind CSS v4 utilities for responsive design and dark mode.

Community
Intermediate
gula00gula00
2

ui-ux-pro-max

Generate and refine frontend UI code across React, Next.js, Vue, and Svelte.

Community
Advanced