Add ui-ux-pro-max-skill
这个提交包含在:
35
ui-ux-pro-max-skill/SKILL.md
普通文件
35
ui-ux-pro-max-skill/SKILL.md
普通文件
@@ -0,0 +1,35 @@
|
||||
---
|
||||
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).
|
||||
在新工单中引用
屏蔽一个用户