网有NETHAVE
AGENT SKILL

UI-UX Pro Max

Advanced UI/UX analysis and generation skills with data-driven patterns. Python scripts (core.py, search.py) for systematic UI pattern extraction, design system generation, and component search from curated data sources.

适用职业设计师数据分析师
使用场景视觉设计Skill与智能体开发
License 许可
MIT
最近更新
2026-09-30
Stars
★ 9
Forks
0

01 前言 Front Matter

id
ui-ux-pro-max
name
UI-UX Pro Max
tags
[ "ui", "ux", "design-system", "pattern-extraction", "python", "data-driven" ]
tier
2
author
OmniClaw Core Team
status
active
updated
1775088000000
version
1.0.0
category
design
department
engineering, rd
description
Advanced UI/UX analysis and generation skills with data-driven patterns. Python scripts (core.py, search.py) for systematic UI pattern extraction, design system generation, and component search from curated data sources.

02 资源文件 24

03 SKILL.md 正文

UI-UX Pro Max

Repo: ecosystem/skills/ui-ux-pro-max Type: Python skill scripts + data Department: Engineering / R&D Tier: 2 — runnable scripts

What it does

Advanced UI/UX toolkit with Python-powered analysis:

Scripts

scripts/core.py

Core UI pattern engine:

  • Extract design patterns from reference UIs
  • Generate component specifications from descriptions
  • Produce Tailwind/CSS class recommendations
  • Output structured design tokens

scripts/search.py

UI/UX pattern search engine:

  • Search curated data/ directory for UI patterns
  • Similarity matching for design requests
  • Returns top-N matching component patterns

Data (data/)

Curated UI/UX pattern library and reference data used by the scripts.

Usage

# Search for UI pattern
python ecosystem/skills/ui-ux-pro-max/scripts/search.py "navigation sidebar with icons"

# Generate component spec
python ecosystem/skills/ui-ux-pro-max/scripts/core.py generate "glassmorphism card"

# Extract patterns from URL
python ecosystem/skills/ui-ux-pro-max/scripts/core.py extract "https://example.com"

OmniClaw Integration

  • Used by: Frontend agent, Engineering agent for UI generation
  • ClawTask: Terminal panel → run scripts via /api/tool-run
  • Output: Component specs fed to ui/dashboard/, ui/viewer/
  • Pairs with: plugins/lenis (animations), ecosystem/skills/domains/frontend/

Agent Invocation

{
  "cmd": "python ecosystem/skills/ui-ux-pro-max/scripts/search.py",
  "args": ["glassmorphism dashboard card"],
  "cwd": "$OMNICLAW_ROOT"
}

04 同仓库更多 Skills

LongLeo287
LongLeo287/OmniClaw

shadcn-ui

Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.

设计师
★ 9
LongLeo287
LongLeo287/OmniClaw

zustand_store_ts

Create Zustand stores with TypeScript, subscribeWithSelector middleware, and proper state/action separation. Use when building React state management, creating global stores, or implementing reactive state patterns with Zustand.

前端开发
★ 9
LongLeo287
LongLeo287/OmniClaw

zustand

Zustand state management guide. Use when working with store code (src/store/**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.

★ 9
LongLeo287
LongLeo287/OmniClaw

youtube_summarizer

Automatically fetch YouTube video transcripts, generate structured summaries, and send full transcripts to messaging platforms. Detects YouTube URLs and provides metadata, key insights, and downloadable transcripts.

图像与多媒体Skill与智能体开发
★ 9
LongLeo287
LongLeo287/OmniClaw

youtube_clipper

YouTube 视频智能剪辑工具。下载视频和字幕，AI 分析生成精细章节（几分钟级别）， 用户选择片段后自动剪辑、翻译字幕为中英双语、烧录字幕到视频，并生成总结文案。 使用场景：当用户需要剪辑 YouTube 视频、生成短视频片段、制作双语字幕版本时。 关键词：视频剪辑、YouTube、字幕翻译、双语字幕、视频下载、clip video

★ 9
LongLeo287
LongLeo287/OmniClaw

xvary_stock_research

Thesis-driven equity analysis from public SEC EDGAR and market data; /analyze, /score, /compare workflows with bundled Python tools (Claude Code, Cursor, Codex).

资料检索与研究Skill与智能体开发
★ 9