skills.rest
jieni777
jieni777COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems and landing pages with tokens, components, and blueprints.

1|Updated Jan 30, 2026
Search Tags:#typography#frontend#ui-ux#design-system#landing-page#color-palette
One-click install
npx skills add https://github.com/jieni777/opencode-config-backup --skill ui-ux-pro-max-jieni777
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/jieni777/opencode-config-backup/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/jieni777/opencode-config-backup --skill ui-ux-pro-max-jieni777

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Designing UI/UX systems and landing pages can be time-consuming and inconsistent across products. This tool automates the creation of complete design systems and landing pages, aligning styles and components for faster frontend delivery.

Core Features & Use Cases

  • Generate a complete design system (tokens, typography, color, components) for a given product.
  • Build landing pages and frontend-ready assets that match a chosen style direction.
  • Assist frontend implementation by providing guidelines and ready-to-use design specs.

Quick Start

Design a professional landing page for a SaaS product using the design-system generator.

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 complete UI/UX design system for a SaaS landing page?▼

A UI/UX design system provides standardized design tokens, typography scales, and color palettes that ensure visual consistency across diverse product types. It solves the problem of inconsistent styling and accelerates frontend delivery by offering ready-to-use component blueprints.

What's the best way to build frontend-ready landing pages with a consistent color palette?▼

This approach enforces a structured workflow from initial product analysis through design-system generation to page-specific overrides. This process ensures the generated landing pages and components align perfectly with your chosen style direction and frontend implementation guidelines.

Can I use this design system generator for diverse frontend product types and styles?▼

Yes, the design system generator applies to diverse product types and styles. It provides adaptable design tokens and component blueprints that can be customized through page-specific overrides to match your exact frontend implementation requirements.

Does the UI/UX design workflow require any external dependencies or script components?▼

No, the UI/UX design workflow operates independently without external dependencies. It uses internal script components to manage the entire process from design analysis to optional persistence of the generated design tokens and landing page blueprints.

Related Skills

Explore More Design & Creative Skills→
suriyelsuriyel
178

long-task-ucd

Generate a UI Component Design style guide from an approved SRS document.

Community
Advanced
lucking7lucking7

frontend-design

Guides layout, typography, color, and accessibility for frontend interfaces.

Community
Basic
phoenicisfphoenicisf

figma-implement-design

Translate Figma designs into production-ready UI code.

Community
Advanced
haxlyshaxlys

design-taste-frontend

Generate UI/UX designs for landing pages and portfolios from design briefs.

Community
Advanced