mirror of
https://github.com/nextlevelbuilder/ui-ux-pro-max-skill.git
synced 2026-07-22 14:07:56 +00:00
docs: sync --domain and --stack lists with search.py --help (#411)
- CLAUDE.md: add missing domains (icons, react, web, google-fonts); domain list now matches all 12 --help choices (gsap landed via #402, stack list already synced by #404) - README.md / README.zh.md: complete Desktop row in Supported Stacks (add WPF, WinUI 3, Avalonia, Uno Platform, UWP); fix stack count (13+ -> 22); replace nonexistent --max-length flag with --json in Troubleshooting - templates/base/skill-content.md (+ cli/assets mirror): add icons/google-fonts/gsap rows to search tables, drop invalid 'prompt' domain, list all 22 stacks instead of 2 Co-authored-by: 文敏華 <guanweijie@wenminhuadeMacBook-Air.local> Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Abraham040203
GitHub
parent
6142b07395
commit
0468898265
@ -20,6 +20,10 @@ python3 src/ui-ux-pro-max/scripts/search.py "<query>" --domain <domain> [-n <max
|
||||
- `landing` - Page structure and CTA strategies
|
||||
- `chart` - Chart types and library recommendations
|
||||
- `ux` - Best practices and anti-patterns
|
||||
- `icons` - Icon recommendations with import code (Phosphor, Heroicons, Lucide)
|
||||
- `react` - React/Next.js performance patterns
|
||||
- `web` - App interface guidelines (iOS/Android/React Native)
|
||||
- `google-fonts` - Individual Google Fonts lookup
|
||||
- `gsap` - GSAP animation skeletons by intensity tier (hover, scroll reveal, stagger, page transition, parallax, loading)
|
||||
|
||||
**Design dials (optional, only with `--design-system`):**
|
||||
|
||||
@ -264,7 +264,7 @@ Many users ask about the differences between the open-source and premium version
|
||||
* **Fully Open Source:** Perfect for individual developers, hobbyists, and standard projects.
|
||||
* **Core UI/UX Intelligence:** Full access to 67 UI styles, 161 product types, color palettes, and curated font pairings.
|
||||
* **Smart Recommendations:** Built-in BM25 search engine for highly accurate design matching.
|
||||
* **Cross-Platform Support:** Stack-specific guidelines supporting 13+ major frameworks (React, Vue, Tailwind, iOS, Android, etc.).
|
||||
* **Cross-Platform Support:** Stack-specific guidelines supporting 22 major frameworks (React, Vue, Tailwind, iOS, Android, etc.).
|
||||
* **Design System Generation:** Instantly generate tailored UI rules, patterns, and logic via CLI.
|
||||
|
||||
### 🟡 Premium Version
|
||||
@ -408,7 +408,7 @@ The skill provides stack-specific guidelines for:
|
||||
| **Angular** | Angular |
|
||||
| **PHP** | Laravel (Blade, Livewire, Inertia.js) |
|
||||
| **Other Web** | Svelte, Astro, Three.js |
|
||||
| **Desktop** | JavaFX |
|
||||
| **Desktop** | JavaFX, WPF, WinUI 3, Avalonia, Uno Platform, UWP |
|
||||
| **iOS** | SwiftUI |
|
||||
| **Android** | Jetpack Compose |
|
||||
| **Cross-Platform** | React Native, Flutter |
|
||||
@ -608,11 +608,10 @@ The search scripts require Python 3.x. Install it manually from [python.org](htt
|
||||
|
||||
### Design system output is cut off / fields truncated
|
||||
|
||||
Use the `--max-length` flag to increase (or remove) the truncation limit:
|
||||
Human-readable output truncates long fields at 300 characters. Use `--json` to get the full, untruncated data:
|
||||
|
||||
```bash
|
||||
python3 .claude/skills/ui-ux-pro-max/scripts/search.py "SaaS" --domain style --max-length 0
|
||||
# ^ 0 = unlimited
|
||||
python3 .claude/skills/ui-ux-pro-max/scripts/search.py "SaaS" --domain style --json
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
@ -407,7 +407,7 @@ python3 --version
|
||||
| **Angular** | Angular |
|
||||
| **PHP** | Laravel (Blade、Livewire、Inertia.js) |
|
||||
| **其他 Web** | Svelte、Astro、Three.js |
|
||||
| **桌面端** | JavaFX |
|
||||
| **桌面端** | JavaFX、WPF、WinUI 3、Avalonia、Uno Platform、UWP |
|
||||
| **iOS** | SwiftUI |
|
||||
| **Android** | Jetpack Compose |
|
||||
| **跨平台** | React Native、Flutter |
|
||||
@ -601,11 +601,10 @@ npx ui-ux-pro-max-cli init --ai claude
|
||||
|
||||
### 设计系统输出被截断 / 字段不完整
|
||||
|
||||
使用 `--max-length` 标志增加（或取消）截断限制：
|
||||
人类可读输出会将超过 300 字符的长字段截断。使用 `--json` 获取完整、未截断的数据：
|
||||
|
||||
```bash
|
||||
python3 .claude/skills/ui-ux-pro-max/scripts/search.py "SaaS" --domain style --max-length 0
|
||||
# ^ 0 = 不限制
|
||||
python3 .claude/skills/ui-ux-pro-max/scripts/search.py "SaaS" --domain style --json
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
@ -141,7 +141,9 @@ python3 skills/ui-ux-pro-max/scripts/search.py "<keyword>" --domain <domain> [-n
|
||||
| Landing structure | `landing` | `--domain landing "hero social-proof"` |
|
||||
| React Native perf | `react` | `--domain react "rerender memo list"` |
|
||||
| App interface a11y | `web` | `--domain web "accessibilityLabel touch safe-areas"` |
|
||||
| AI prompt / CSS keywords | `prompt` | `--domain prompt "minimalism"` |
|
||||
| Icon suggestions | `icons` | `--domain icons "navigation arrows"` |
|
||||
| Individual Google Fonts | `google-fonts` | `--domain google-fonts "variable sans serif"` |
|
||||
| GSAP animation snippets | `gsap` | `--domain gsap "scroll reveal stagger"` |
|
||||
|
||||
### Step 4: Stack Guidelines
|
||||
|
||||
@ -169,14 +171,12 @@ python3 skills/ui-ux-pro-max/scripts/search.py "<keyword>" --stack <stack>
|
||||
| `gsap` | GSAP animation skeletons by intensity tier | scroll reveal, stagger, magnetic cursor, page transition |
|
||||
| `react` | React/Next.js performance | waterfall, bundle, suspense, memo, rerender, cache |
|
||||
| `web` | App interface guidelines (iOS/Android/React Native) | accessibilityLabel, touch targets, safe areas, Dynamic Type |
|
||||
| `prompt` | AI prompts, CSS keywords | (style name) |
|
||||
| `icons` | Icon recommendations with import code | arrow, navigation, lucide, phosphor |
|
||||
| `google-fonts` | Individual Google Fonts lookup | sans serif, monospace, japanese, variable font, popular |
|
||||
|
||||
### Available Stacks
|
||||
|
||||
| Stack | Focus |
|
||||
|-------|-------|
|
||||
| `react-native` | Components, Navigation, Lists |
|
||||
| `javafx` | Enterprise desktop apps, AtlantaFX themes, FXML, CSS, Controls, Binding, Threading, Packaging |
|
||||
`react`, `nextjs`, `vue`, `svelte`, `astro`, `swiftui`, `react-native`, `flutter`, `nuxtjs`, `nuxt-ui`, `html-tailwind`, `shadcn`, `jetpack-compose`, `threejs`, `angular`, `laravel`, `javafx`, `wpf`, `winui`, `avalonia`, `uno`, `uwp`
|
||||
|
||||
**JavaFX enterprise examples:**
|
||||
|
||||
|
||||
@ -141,7 +141,9 @@ python3 skills/ui-ux-pro-max/scripts/search.py "<keyword>" --domain <domain> [-n
|
||||
| Landing structure | `landing` | `--domain landing "hero social-proof"` |
|
||||
| React Native perf | `react` | `--domain react "rerender memo list"` |
|
||||
| App interface a11y | `web` | `--domain web "accessibilityLabel touch safe-areas"` |
|
||||
| AI prompt / CSS keywords | `prompt` | `--domain prompt "minimalism"` |
|
||||
| Icon suggestions | `icons` | `--domain icons "navigation arrows"` |
|
||||
| Individual Google Fonts | `google-fonts` | `--domain google-fonts "variable sans serif"` |
|
||||
| GSAP animation snippets | `gsap` | `--domain gsap "scroll reveal stagger"` |
|
||||
|
||||
### Step 4: Stack Guidelines
|
||||
|
||||
@ -169,14 +171,12 @@ python3 skills/ui-ux-pro-max/scripts/search.py "<keyword>" --stack <stack>
|
||||
| `gsap` | GSAP animation skeletons by intensity tier | scroll reveal, stagger, magnetic cursor, page transition |
|
||||
| `react` | React/Next.js performance | waterfall, bundle, suspense, memo, rerender, cache |
|
||||
| `web` | App interface guidelines (iOS/Android/React Native) | accessibilityLabel, touch targets, safe areas, Dynamic Type |
|
||||
| `prompt` | AI prompts, CSS keywords | (style name) |
|
||||
| `icons` | Icon recommendations with import code | arrow, navigation, lucide, phosphor |
|
||||
| `google-fonts` | Individual Google Fonts lookup | sans serif, monospace, japanese, variable font, popular |
|
||||
|
||||
### Available Stacks
|
||||
|
||||
| Stack | Focus |
|
||||
|-------|-------|
|
||||
| `react-native` | Components, Navigation, Lists |
|
||||
| `javafx` | Enterprise desktop apps, AtlantaFX themes, FXML, CSS, Controls, Binding, Threading, Packaging |
|
||||
`react`, `nextjs`, `vue`, `svelte`, `astro`, `swiftui`, `react-native`, `flutter`, `nuxtjs`, `nuxt-ui`, `html-tailwind`, `shadcn`, `jetpack-compose`, `threejs`, `angular`, `laravel`, `javafx`, `wpf`, `winui`, `avalonia`, `uno`, `uwp`
|
||||
|
||||
**JavaFX enterprise examples:**
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user