36 行
2.0 KiB
Markdown
36 行
2.0 KiB
Markdown
---
|
|
name: ui-ux-pro-max-skill
|
|
description: Curated UI/UX demo prompt library for web front-end design and build tasks. Use when asked to design or build website UI, landing pages, dashboards, product sites, or UI/UX demos, especially when the request matches a known category (SaaS, fintech/crypto, e-commerce, AI tools, healthcare, education, travel, real estate, etc.).
|
|
---
|
|
|
|
# UI UX Pro Max Skill
|
|
|
|
## Overview
|
|
Use the 39 curated demo prompts to quickly choose a matching UI style and then adapt the prompt to the user domain, features, and brand constraints.
|
|
|
|
## Workflow
|
|
1. Scan categories and demo names in `references/gallery-index.md`.
|
|
2. Open `references/gallery.csv` to read full prompts for the best matches.
|
|
3. Select the closest demo using category, keywords, and requested UI type (dashboard, landing page, marketplace, portfolio, etc.).
|
|
4. Adapt the chosen prompt to the user domain, required sections, tone, and tech stack.
|
|
5. Deliver a structured UI plan and (if requested) front-end scaffold guidance.
|
|
|
|
## Matching Rules
|
|
- **Primary match**: category + obvious keywords (e.g., "dashboard", "crypto", "clinic", "restaurant").
|
|
- **Secondary match**: similar information architecture (e.g., CRM and analytics dashboards, marketplaces, booking sites).
|
|
- **Mode**: respect light/dark preference if the user specifies it; otherwise keep the demo mode.
|
|
- If multiple matches exist, pick the one with the closest feature set and layout style; mention alternates briefly.
|
|
- If no good match exists, pick the nearest SaaS/analytics or general business layout and explain the adaptation.
|
|
|
|
## Output Template
|
|
- Selected demo: id, name, category, mode, url
|
|
- Why this match (1-2 sentences)
|
|
- Adapted prompt (edited from the demo prompt)
|
|
- UI structure (sections + key components)
|
|
- Visual notes (colors, typography, spacing, motion)
|
|
- Optional: front-end build notes (stack, layout grid, component list)
|
|
|
|
## Resources
|
|
- `references/gallery-index.md`: quick category/name index for the 39 demos.
|
|
- `references/gallery.csv`: authoritative prompt data (includes prompts, colors, urls).
|