Search: "UI"

Showing 25 of 25 results

DevelopmentClawHub

UI

Skill

Design clear, consistent, and visually polished user interfaces.

DevelopmentClawHub

JARVIS UI

Agent

JARVIS-style HUD web interface for OpenClaw agents. Interactive Three.js orb with agent state visualization, real-time chat via Gateway WebSocket, audio spec...

DevelopmentClawHub

ui-designer

Skill

Automation skill for ui-designer.

DevelopmentClawHub

Ui Control Center

Agent

Manage and maintain the local Agent Control UI with reliable caching, dashboards, tabs, and conflict-free server handling on port 8765.

DevelopmentClawHub

UI UX Pro Max

Skill

Professional UI/UX design resource library with searchable design patterns, color palettes, font pairings, chart types, and UX guidelines. Use when creating...

DevelopmentClawHub

UI Design

Skill

Comprehensive UI design skill covering fundamentals, patterns, and anti-patterns. Layout, typography, color, spacing, accessibility, motion, and component design. Use when building any web interface, reviewing design quality, or creating distinctive UIs.

DevelopmentClawHub

界面设计 · UI Design

Skill

Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a Web or mini program UI.

DevelopmentClawHub

参考网站改 UI:抓设计 token 再落地

Agent

用户说「参考 X 网站改 UI / 照着 X 的风格做 / X 那种配色」时的落地流程。在没有浏览器的机器上(agent-browser、playwright 都没装,或 Chrome/Edge 不在标准路径)用 curl + 标准库 Python 抓下目标站的真实设计 token(颜色、圆角、字重、字号、间距),再据此改本地样式表。含一个可直接跑的抓取脚本 scripts/fetch_tokens.py,以及「借什么 / 不借什么」的取舍框架与常见坑。

DevelopmentClawHub

UI Design

Skill

Use when building, reviewing, or improving frontend UI that needs product-specific design direction, design-system generation, Master/Page overrides, distinctive visual identity, anti-generic interface choices, first-screen hierarchy, UI polish, chart UX, interaction states, responsive behavior, or

DevelopmentClawHub

UI Doctor

Skill

Audits an existing app's UI for consistency and layout/state-sync bugs (e.g. a sidebar that collapses but siblings don't adjust, or icons disappearing entirely instead of just their labels), responsive breakpoint failures, accessibility gaps, performance issues, and — for chat/workspace apps — messa

DevelopmentClawHub

3X-UI代理面板

Skill

3x-ui面板REST API交互。用于管理Xray代理面板的入站/出站配置、客户端(用户)管理、节点管理、服务器状态监控、订阅管理、备份等功能。当用户需要操作3x-ui面板、查询代理服务器状态、管理用户/流量/订阅链接时使用。支持Bearer Token和Session Cookie两种认证方式。

DevelopmentClawHub

Publish Clean

Skill

引导式 UI 主题设计顾问:通过问答引导帮用户定制任意风格的 OpenClaw Control UI 主题(像素/赛博朋克/卡通/极简/暗色科技等),含主色派生调色板、双保险注入、升级自愈(cron+快照)与反馈学习循环。触发词:主题、换皮、皮肤、UI 美化、风格。

DevelopmentClawHub

ui-design-system

Skill

UI 视觉设计系统——配色主题(10预设+自定义生成)+ 美学变体(soft/minimalist/brutalist)+ 协同选择流程

DevelopmentClawHub

Element Plus UI Vue3

Skill

Element Plus Vue3 desktop component library. Invoke when developing Vue 3.x pages, using Element Plus components (el-button, el-input, el-form, el-table, etc...

DevelopmentClawHub

Ui Final Polish

Skill

Final visual polish for an existing UI without redesigning it. Use after structure is clear, when asked to improve spacing, alignment, text hierarchy, readab...

DevelopmentClawHub

ComfyUI Skill

Skill

Generate high-quality images using a local ComfyUI instance. Use when the user wants private, powerful image generation via their own hardware and custom wor...

DevelopmentClawHub

UI/UX Design and Development

Skill

Generate and serve live HTML/CSS/JS UI designs from natural language prompts. Use when the user asks to design, create, build, or prototype a website, landing page, UI, dashboard, web page, or frontend mockup. Also triggers on requests to update, tweak, or iterate on a previously generated design. Replaces traditional UI design + frontend dev workflow.

DevelopmentClawHub

Agent Ui

Agent

Batteries-included agent component for React/Next.js from ui.inference.sh. One component with runtime, tools, streaming, approvals, and widgets built in. Cap...

DevelopmentClawHub

Ui Ux Pro Max

Skill

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 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. Integrations: shadcn/ui MCP for component search and examples.

DevelopmentClawHub

智能 UI 美化技能,支持30种设计风格(Notion/Figma/Linear/Apple 等),自动检测项目类型并生成实时预览

Skill

基于 DESIGN.md 自动美化网站 UI,支持 16 种设计风格,提供样式差异报告和 CSS 变量覆盖方案。

DevelopmentClawHub

UI Prototype Generator

Skill

从参考图片或描述生成交互式原型。默认输出 HTML 格式,仅在用户明确要求时使用 Figma。支持 (1) 用于网页预览和测试的 HTML 原型,(2) 通过 API 生成 Figma 设计文件用于设计交接和协作,(3) 基于组件架构的可复用 UI 元素,(4) 响应式布局和交互状态,(5) 基于反馈的快速迭代。

DevelopmentClawHub

UI Polish Pass

Skill

Core pack — always active as final step. Visual polish pass for spacing, hierarchy, alignment, and cleanup. Runs after design-review and ux-baseline-check as...

DevelopmentClawHub

Ansible Ui

Skill

Modern UI and powerful API for Ansible, Terraform/OpenTofu/Terragrunt, PowerShell and other DevOps t ansible-ui, go, ansible, awx, ci, cicd.

DevelopmentClawHub

Minimalist Ui - OpenAI/Notion Style

Agent

Design system and implementation playbook for minimalist Notion x OpenAI style UI/UX. Use when designing dashboards, chat interfaces, agent control panels, d...