How saifyxpro/ui-ux-design-pro-skill works
UI/UX Design Pro combines an AI-oriented design skill and reference material with a Bun CLI. Users invoke search, icon lookup, UI-code auditing, or design-system generation; generation searches design data, derives style and tokens, assembles component guidance, and emits Markdown or other formats. The graph focuses on runtime behavior documented in the README and shown in sampled CLI sources; unsampled skill/reference and data capabilities are represented by their existing directories, without asserting unshown internal wiring.
Main entry points: index.ts Command router · generate.ts System generator · search.ts Orama search · audit.ts UI auditor
Components 15
CLI Entry
- Command router
skills/ui-ux-design-pro/cli/index.ts - Search command
skills/ui-ux-design-pro/cli/commands/search.ts - Icon lookup
skills/ui-ux-design-pro/cli/commands/icons.ts
Design Intelligence
- System generator
skills/ui-ux-design-pro/cli/commands/generate.ts - Orama search
skills/ui-ux-design-pro/cli/lib/search.ts - Palette and tokens
skills/ui-ux-design-pro/cli/lib/generators.ts
UI Quality
- UI auditor
skills/ui-ux-design-pro/cli/commands/audit.ts
Design Knowledge
- Design datasets
skills/ui-ux-design-pro/cli/data - Icon library data
skills/ui-ux-design-pro/cli/data/icon-libraries.csv - Design skill
skills/ui-ux-design-pro/SKILL.md - Design references
skills/ui-ux-design-pro/references
Other components
- CLI user
- UI source files
- Audit report
- Design system output
Connections 15
- CLI user → Command router: runs command
skills/ui-ux-design-pro/cli/index.ts - Command router → Search command: routes search
skills/ui-ux-design-pro/cli/index.ts - Command router → Icon lookup: routes icons
skills/ui-ux-design-pro/cli/index.ts - Command router → UI auditor: routes audit
skills/ui-ux-design-pro/cli/index.ts - Command router → System generator: routes generate
skills/ui-ux-design-pro/cli/index.ts - Search command → Orama search: queries
skills/ui-ux-design-pro/cli/commands/search.ts - Orama search → Design datasets: indexes and searches
skills/ui-ux-design-pro/cli/lib/search.ts - Icon lookup → Icon library data: reads
skills/ui-ux-design-pro/cli/commands/icons.ts - System generator → Orama search: searches datasets
skills/ui-ux-design-pro/cli/commands/generate.ts - System generator → Palette and tokens: generates tokens
skills/ui-ux-design-pro/cli/commands/generate.ts - System generator → Design system output: writes output
skills/ui-ux-design-pro/cli/commands/generate.ts - UI source files → UI auditor: audits
skills/ui-ux-design-pro/cli/commands/audit.ts - UI auditor → Audit report: prints or writes
skills/ui-ux-design-pro/cli/commands/audit.ts - Design skill → Design references: guided by
- CLI user → Design skill: uses guidance
README.md