skills.rest
Harmitx7
Harmitx7COMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Plan and implement advanced UI/UX designs for web interfaces.

3|1|Updated Feb 20, 2026
Search Tags:#design#ui#frontend#ux#aesthetics#interface
One-click install
npx skills add https://github.com/Harmitx7/tribunal-kit --skill ui-ux-pro-max-harmitx7
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Harmitx7/tribunal-kit/tree/main/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Harmitx7/tribunal-kit --skill ui-ux-pro-max-harmitx7

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill tackles the challenge of creating unique, high-quality frontend interfaces that move beyond generic AI-generated aesthetics, ensuring a polished and memorable user experience.

Core Features & Use Cases

  • Aesthetic Direction: Guides the selection of a bold, intentional design theme (e.g., brutalist, retro-futuristic, organic).
  • Production-Grade Code: Implements functional HTML/CSS/JS, React, or Vue components with meticulous attention to detail.
  • Frontend Aesthetics: Focuses on unique typography, cohesive color palettes, engaging motion, unconventional layouts, and atmospheric backgrounds.
  • Use Case: Design a landing page for a new SaaS product that embodies a "luxury/refined" aesthetic, using custom fonts, subtle animations, and a sophisticated color scheme.

Quick Start

Use the ui-ux-pro-max skill to design a landing page with a brutalist aesthetic.

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 create a frontend UI that avoids generic AI aesthetics?▼

To avoid generic AI aesthetics in frontend UI, you need a bold design tone with unique typography, unconventional layouts, cohesive color palettes, and engaging motion. This approach ensures a distinctive, production-grade user experience.

Can I generate production-grade React or Vue components for a landing page?▼

Yes, you can generate production-grade React or Vue components for a landing page. The process implements functional HTML/CSS/JS code with meticulous attention to detail, focusing on frontend aesthetics like custom fonts and sophisticated color schemes.

What is the best way to define a brutalist aesthetic for a web interface?▼

The best way to define a brutalist aesthetic for a web interface is to guide the selection of a bold, intentional design theme. This involves choosing unique typography, engaging motion, unconventional layouts, and atmospheric backgrounds.

How do I plan cohesive UX motion effects and spatial compositions?▼

To plan cohesive UX motion effects and spatial compositions, you select engaging motion and unconventional layouts that align with your intentional design theme. This creates a memorable and cohesive user experience.

Does this approach work for designing a luxury SaaS product landing page?▼

Yes, this approach works for a luxury SaaS product landing page by applying a refined aesthetic. It uses custom fonts, subtle animations, and a sophisticated color scheme to create a polished, high-quality user experience.

Related Skills

Explore More Design & Creative Skills→
pingmepipingmepi

pm-stage-04-design-spec

Generate design specifications with traceability to PRD user stories.

Community
Advanced
chendongqichendongqi
110

frontend-design

Generates frontend interfaces with HTML/CSS/JS across React, Vue, Angular, or vanilla JS.

Community
Advanced
KraitsKraits

visual-design-foundations

Codify typography, spacing, color, and iconography into a cohesive design system.

Community
Advanced
bonnguyenitcbonnguyenitc
19

frontend-design

Create distinctive frontend interfaces with design tokens and responsive layouts.

Community
Advanced