Search: "UI"

Showing 24 of 25 results

Security

Hikvision NVR

Skill · by Dan Jones

Ask your AI agent for the Hikvision footage you need, then walk away while it downloads. Pulling video off a Hikvision DVR or NVR usually means web-UI menus, ISAPI XML, ffmpeg flags, and "why is this video broken" troubleshooting. This skill removes all of it. Once your NVRs are registered, you just tell your agent "pull the lobby camera from 8 to 9 PM yesterday" and a clean MP4 lands in your downloads folder. Speaks Hikvision's ISAPI natively, falls back to RTSP when the NVR throttles, works around firmware quirks that return wrong segment data, clips to the exact time window you asked for, and verifies the output (codec, resolution, duration, on-screen timestamp). Credentials live in your OS keychain, never on command lines or in logs. Validated on DS-9016HWI-ST, DS-7316HQHI-SH, DS-7716NI-I4/16P, DS-9632NI-ST, and DS-7716NI-SP/16 with firmware V3.1.10 through V4.50.000.

Development ClawHub

UI

Skill

Design clear, consistent, and visually polished user interfaces.

Development ClawHub

UI/UX Pro Max

Skill

UI/UX design intelligence and implementation guidance for building polished interfaces. Use when the user asks for UI design, UX flows, information architecture, visual style direction, design systems/tokens, component specs, copy/microcopy, accessibility, or to generate/critique/refine frontend UI (HTML/CSS/JS, React, Next.js, Vue, Svelte, Tailwind). Includes workflows for (1) generating new UI layouts and styling, (2) improving existing UI/UX, (3) producing design-system tokens and component guidelines, and (4) turning UX recommendations into concrete code changes.

Development ClawHub

UI/UX Design Guide

Skill

Expert guidance on mobile-first UI/UX design, color systems, typography, accessibility (WCAG 2.2), Tailwind + Shadcn/ui integration, micro-interactions, and...

Development ClawHub

Shadcn UI

Skill

Build accessible, customizable UIs with shadcn/ui, Radix UI, and Tailwind CSS. Use when setting up shadcn/ui, installing components, building forms with React Hook Form + Zod, customizing themes, or implementing component patterns.

Development ClawHub

UI Audit

Skill

AI skill for automated UI audits. Evaluate interfaces against proven UX principles for visual hierarchy, accessibility, cognitive load, navigation, and more. Based on Making UX Decisions by Tommy Geoco.

Development ClawHub

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...

Development ClawHub

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...

Development ClawHub

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.

Development ClawHub

ui-design-guide

Skill

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

Development ClawHub

UI / UX

Skill

Searchable UI/UX design databases: 50+ styles, 97 palettes, 57 font pairings, 99 UX rules, 25 chart types. CLI generates design systems from natural language. Data-driven complement to ui-design.

Development ClawHub

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.

Development ClawHub

ui-ux-pro-max for openclaw

Skill

Mandatory UI/UX design intelligence engine. Must be executed via python3 before generating any UI/frontend code.

Development ClawHub

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.

Development ClawHub

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...

Development ClawHub

Wireframe

Skill

AI UI prototype and wireframe generation powered by CellCog. Interactive HTML prototypes, wireframes, app mockups, landing pages, mobile screens, SaaS dashboards, design systems, user flows. From description to clickable prototype in one prompt.

Development ClawHub

Publish Clean

Skill

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

Development ClawHub

ui-design-system

Skill

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

Development ClawHub

UI Master

Skill

Use this skill whenever the user wants to build, refine, or review a production-grade user interface with Tailwind CSS v4 and shadcn/ui. Triggers include: building a landing page, dashboard, auth flow, admin panel, marketing site, SaaS UI, or any React/Next.js component or page.

Development ClawHub

中文UI/UX设计智能

Skill

中文UI/UX设计智能 — 50种风格、161个配色方案、57组字体搭配、22种技术栈。适用于中文互联网产品的设计系统生成、组件规范、交互指导。支持电商/教育/金融/SaaS/政府等本土化场景。

Development ClawHub

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...

Development ClawHub

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...

Development ClawHub

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

Skill

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

Development ClawHub

Ui Design

Skill

Generate high-fidelity UI/UX mockups for mobile and web apps using Atomic Design principles — creates wireframes and design systems via muapi.ai

Development ClawHub

ui-designer

Skill

Automation skill for ui-designer.