Compare commits
11 Commits
fix/window
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
6623f12b40 | ||
|
|
0b80349f8c | ||
|
|
1f10c78ca2 | ||
|
|
875d216631 | ||
|
|
c2e0510759 | ||
|
|
b793f66f7a | ||
|
|
dd12a70253 | ||
|
|
c9807b0c9c | ||
|
|
fc8a251476 | ||
|
|
2127b8b9b0 | ||
|
|
2ba6ca2f1e |
@@ -52,6 +52,7 @@ cli/ # CLI installer (uipro-cli on npm)
|
|||||||
└── templates/ # Copy of src/ui-ux-pro-max/templates/
|
└── templates/ # Copy of src/ui-ux-pro-max/templates/
|
||||||
|
|
||||||
.claude/skills/ui-ux-pro-max/ # Claude Code skill (symlinks to src/)
|
.claude/skills/ui-ux-pro-max/ # Claude Code skill (symlinks to src/)
|
||||||
|
.factory/skills/ui-ux-pro-max/ # Droid (Factory) skill (symlinks to src/)
|
||||||
.shared/ui-ux-pro-max/ # Symlink to src/ui-ux-pro-max/
|
.shared/ui-ux-pro-max/ # Symlink to src/ui-ux-pro-max/
|
||||||
.claude-plugin/ # Claude Marketplace publishing
|
.claude-plugin/ # Claude Marketplace publishing
|
||||||
```
|
```
|
||||||
@@ -67,7 +68,7 @@ When modifying files:
|
|||||||
1. **Data & Scripts** - Edit in `src/ui-ux-pro-max/`:
|
1. **Data & Scripts** - Edit in `src/ui-ux-pro-max/`:
|
||||||
- `data/*.csv` and `data/stacks/*.csv`
|
- `data/*.csv` and `data/stacks/*.csv`
|
||||||
- `scripts/*.py`
|
- `scripts/*.py`
|
||||||
- Changes automatically available via symlinks in `.claude/`, `.shared/`
|
- Changes automatically available via symlinks in `.claude/`, `.factory/`, `.shared/`
|
||||||
|
|
||||||
2. **Templates** - Edit in `src/ui-ux-pro-max/templates/`:
|
2. **Templates** - Edit in `src/ui-ux-pro-max/templates/`:
|
||||||
- `base/skill-content.md` - Common SKILL.md content
|
- `base/skill-content.md` - Common SKILL.md content
|
||||||
|
|||||||
17
README.md
17
README.md
@@ -1,4 +1,4 @@
|
|||||||
# UI UX Pro Max
|
# [UI UX Pro Max](https://uupm.cc)
|
||||||
|
|
||||||
<p align="center">
|
<p align="center">
|
||||||
<a href="https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/releases"><img src="https://img.shields.io/github/v/release/nextlevelbuilder/ui-ux-pro-max-skill?style=for-the-badge&color=blue" alt="GitHub Release"></a>
|
<a href="https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/releases"><img src="https://img.shields.io/github/v/release/nextlevelbuilder/ui-ux-pro-max-skill?style=for-the-badge&color=blue" alt="GitHub Release"></a>
|
||||||
@@ -18,7 +18,9 @@
|
|||||||
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms and frameworks.
|
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms and frameworks.
|
||||||
|
|
||||||
<p align="center">
|
<p align="center">
|
||||||
|
<a href="https://uupm.cc">
|
||||||
<img src="screenshots/website.png" alt="UI UX Pro Max" width="800">
|
<img src="screenshots/website.png" alt="UI UX Pro Max" width="800">
|
||||||
|
</a>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p align="center">
|
<p align="center">
|
||||||
@@ -26,6 +28,11 @@ An AI skill that provides design intelligence for building professional UI/UX ac
|
|||||||
<a href="https://paypal.me/uiuxpromax"><img src="https://img.shields.io/badge/PayPal-Donate-00457C?style=for-the-badge&logo=paypal&logoColor=white" alt="PayPal Donate"></a>
|
<a href="https://paypal.me/uiuxpromax"><img src="https://img.shields.io/badge/PayPal-Donate-00457C?style=for-the-badge&logo=paypal&logoColor=white" alt="PayPal Donate"></a>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
<p align="center">
|
||||||
|
<i>Other projects</i><br>
|
||||||
|
<a href="https://nextlevelbuilder.io">Next Level Builder</a> | <a href="https://claudekit.cc">ClaudeKit</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
## What's New in v2.0
|
## What's New in v2.0
|
||||||
|
|
||||||
### Intelligent Design System Generation
|
### Intelligent Design System Generation
|
||||||
@@ -278,6 +285,7 @@ uipro init --ai trae # Trae
|
|||||||
uipro init --ai opencode # OpenCode
|
uipro init --ai opencode # OpenCode
|
||||||
uipro init --ai continue # Continue
|
uipro init --ai continue # Continue
|
||||||
uipro init --ai codebuddy # CodeBuddy
|
uipro init --ai codebuddy # CodeBuddy
|
||||||
|
uipro init --ai droid # Droid (Factory)
|
||||||
uipro init --ai all # All assistants
|
uipro init --ai all # All assistants
|
||||||
```
|
```
|
||||||
|
|
||||||
@@ -311,7 +319,7 @@ winget install Python.Python.3.12
|
|||||||
|
|
||||||
### Skill Mode (Auto-activate)
|
### Skill Mode (Auto-activate)
|
||||||
|
|
||||||
**Supported:** Claude Code, Cursor, Windsurf, Antigravity, Codex CLI, Continue, Gemini CLI, OpenCode, Qoder, CodeBuddy
|
**Supported:** Claude Code, Cursor, Windsurf, Antigravity, Codex CLI, Continue, Gemini CLI, OpenCode, Qoder, CodeBuddy, Droid (Factory)
|
||||||
|
|
||||||
The skill activates automatically when you request UI/UX work. Just chat naturally:
|
The skill activates automatically when you request UI/UX work. Just chat naturally:
|
||||||
|
|
||||||
@@ -373,7 +381,7 @@ Just mention your preferred stack in the prompt, or let it default to HTML + Tai
|
|||||||
|
|
||||||
For direct access to the design system generator:
|
For direct access to the design system generator:
|
||||||
|
|
||||||
> Note: If you installed via Continue, replace `.claude/skills/` with `.continue/skills/` in the commands below.
|
> Note: If you installed via Continue, replace `.claude/skills/` with `.continue/skills/` in the commands below. For Droid (Factory), use `.factory/skills/`.
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
# Generate design system with ASCII output
|
# Generate design system with ASCII output
|
||||||
@@ -431,7 +439,7 @@ Now, generate the code...
|
|||||||
|
|
||||||
### For Users
|
### For Users
|
||||||
|
|
||||||
The codebase has been restructured to use a **template-based generation system**. All platform-specific files (`.cursor/`, `.windsurf/`, `.kiro/`, etc.) are now generated dynamically by the CLI.
|
The codebase has been restructured to use a **template-based generation system**. All platform-specific files (`.cursor/`, `.windsurf/`, `.kiro/`, `.factory/`, etc.) are now generated dynamically by the CLI.
|
||||||
|
|
||||||
**Always use the CLI to install:**
|
**Always use the CLI to install:**
|
||||||
|
|
||||||
@@ -455,6 +463,7 @@ cd ui-ux-pro-max-skill
|
|||||||
src/ui-ux-pro-max/ # Source of truth (data, scripts, templates)
|
src/ui-ux-pro-max/ # Source of truth (data, scripts, templates)
|
||||||
cli/ # CLI installer (generates files from templates)
|
cli/ # CLI installer (generates files from templates)
|
||||||
.claude/ # Local dev/test for Claude Code skill
|
.claude/ # Local dev/test for Claude Code skill
|
||||||
|
.factory/ # Local dev/test for Droid (Factory) skill
|
||||||
|
|
||||||
# 3. Make changes in src/ui-ux-pro-max/
|
# 3. Make changes in src/ui-ux-pro-max/
|
||||||
# - data/*.csv → Database files
|
# - data/*.csv → Database files
|
||||||
|
|||||||
21
cli/assets/templates/platforms/droid.json
Normal file
21
cli/assets/templates/platforms/droid.json
Normal file
@@ -0,0 +1,21 @@
|
|||||||
|
{
|
||||||
|
"platform": "droid",
|
||||||
|
"displayName": "Droid (Factory)",
|
||||||
|
"installType": "full",
|
||||||
|
"folderStructure": {
|
||||||
|
"root": ".factory",
|
||||||
|
"skillPath": "skills/ui-ux-pro-max",
|
||||||
|
"filename": "SKILL.md"
|
||||||
|
},
|
||||||
|
"scriptPath": "skills/ui-ux-pro-max/scripts/search.py",
|
||||||
|
"frontmatter": {
|
||||||
|
"name": "ui-ux-pro-max",
|
||||||
|
"description": "UI/UX design intelligence. 67 styles, 96 palettes, 57 font pairings, 25 charts, 13 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient."
|
||||||
|
},
|
||||||
|
"sections": {
|
||||||
|
"quickReference": false
|
||||||
|
},
|
||||||
|
"title": "UI/UX Pro Max - Design Intelligence",
|
||||||
|
"description": "Comprehensive design guide for web and mobile applications. Contains 67 styles, 96 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 13 technology stacks. Searchable database with priority-based recommendations.",
|
||||||
|
"skillOrWorkflow": "Skill"
|
||||||
|
}
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
export type AIType = 'claude' | 'cursor' | 'windsurf' | 'antigravity' | 'copilot' | 'kiro' | 'roocode' | 'codex' | 'qoder' | 'gemini' | 'trae' | 'opencode' | 'continue' | 'codebuddy' | 'all';
|
export type AIType = 'claude' | 'cursor' | 'windsurf' | 'antigravity' | 'copilot' | 'kiro' | 'roocode' | 'codex' | 'qoder' | 'gemini' | 'trae' | 'opencode' | 'continue' | 'codebuddy' | 'droid' | 'all';
|
||||||
|
|
||||||
export type InstallType = 'full' | 'reference';
|
export type InstallType = 'full' | 'reference';
|
||||||
|
|
||||||
@@ -41,7 +41,7 @@ export interface PlatformConfig {
|
|||||||
skillOrWorkflow: string;
|
skillOrWorkflow: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
export const AI_TYPES: AIType[] = ['claude', 'cursor', 'windsurf', 'antigravity', 'copilot', 'roocode', 'kiro', 'codex', 'qoder', 'gemini', 'trae', 'opencode', 'continue', 'codebuddy', 'all'];
|
export const AI_TYPES: AIType[] = ['claude', 'cursor', 'windsurf', 'antigravity', 'copilot', 'roocode', 'kiro', 'codex', 'qoder', 'gemini', 'trae', 'opencode', 'continue', 'codebuddy', 'droid', 'all'];
|
||||||
|
|
||||||
// Legacy folder mapping for backward compatibility with ZIP-based installs
|
// Legacy folder mapping for backward compatibility with ZIP-based installs
|
||||||
export const AI_FOLDERS: Record<Exclude<AIType, 'all'>, string[]> = {
|
export const AI_FOLDERS: Record<Exclude<AIType, 'all'>, string[]> = {
|
||||||
@@ -59,4 +59,5 @@ export const AI_FOLDERS: Record<Exclude<AIType, 'all'>, string[]> = {
|
|||||||
opencode: ['.opencode', '.shared'],
|
opencode: ['.opencode', '.shared'],
|
||||||
continue: ['.continue'],
|
continue: ['.continue'],
|
||||||
codebuddy: ['.codebuddy'],
|
codebuddy: ['.codebuddy'],
|
||||||
|
droid: ['.factory'],
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -52,6 +52,9 @@ export function detectAIType(cwd: string = process.cwd()): DetectionResult {
|
|||||||
if (existsSync(join(cwd, '.codebuddy'))) {
|
if (existsSync(join(cwd, '.codebuddy'))) {
|
||||||
detected.push('codebuddy');
|
detected.push('codebuddy');
|
||||||
}
|
}
|
||||||
|
if (existsSync(join(cwd, '.factory'))) {
|
||||||
|
detected.push('droid');
|
||||||
|
}
|
||||||
|
|
||||||
// Suggest based on what's detected
|
// Suggest based on what's detected
|
||||||
let suggested: AIType | null = null;
|
let suggested: AIType | null = null;
|
||||||
@@ -94,6 +97,8 @@ export function getAITypeDescription(aiType: AIType): string {
|
|||||||
return 'Continue (.continue/skills/)';
|
return 'Continue (.continue/skills/)';
|
||||||
case 'codebuddy':
|
case 'codebuddy':
|
||||||
return 'CodeBuddy (.codebuddy/skills/)';
|
return 'CodeBuddy (.codebuddy/skills/)';
|
||||||
|
case 'droid':
|
||||||
|
return 'Droid (Factory) (.factory/skills/)';
|
||||||
case 'all':
|
case 'all':
|
||||||
return 'All AI assistants';
|
return 'All AI assistants';
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -41,6 +41,7 @@ const AI_TO_PLATFORM: Record<string, string> = {
|
|||||||
trae: 'trae',
|
trae: 'trae',
|
||||||
continue: 'continue',
|
continue: 'continue',
|
||||||
codebuddy: 'codebuddy',
|
codebuddy: 'codebuddy',
|
||||||
|
droid: 'droid',
|
||||||
};
|
};
|
||||||
|
|
||||||
async function exists(path: string): Promise<boolean> {
|
async function exists(path: string): Promise<boolean> {
|
||||||
|
|||||||
21
src/ui-ux-pro-max/templates/platforms/droid.json
Normal file
21
src/ui-ux-pro-max/templates/platforms/droid.json
Normal file
@@ -0,0 +1,21 @@
|
|||||||
|
{
|
||||||
|
"platform": "droid",
|
||||||
|
"displayName": "Droid (Factory)",
|
||||||
|
"installType": "full",
|
||||||
|
"folderStructure": {
|
||||||
|
"root": ".factory",
|
||||||
|
"skillPath": "skills/ui-ux-pro-max",
|
||||||
|
"filename": "SKILL.md"
|
||||||
|
},
|
||||||
|
"scriptPath": "skills/ui-ux-pro-max/scripts/search.py",
|
||||||
|
"frontmatter": {
|
||||||
|
"name": "ui-ux-pro-max",
|
||||||
|
"description": "UI/UX design intelligence. 67 styles, 96 palettes, 57 font pairings, 25 charts, 13 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient."
|
||||||
|
},
|
||||||
|
"sections": {
|
||||||
|
"quickReference": false
|
||||||
|
},
|
||||||
|
"title": "UI/UX Pro Max - Design Intelligence",
|
||||||
|
"description": "Comprehensive design guide for web and mobile applications. Contains 67 styles, 96 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 13 technology stacks. Searchable database with priority-based recommendations.",
|
||||||
|
"skillOrWorkflow": "Skill"
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user