Design skills

Browse reusable Agent Skills, each with a clear purpose and practical guidance.

anygen-diagram

Use this skill any time the user wants to create diagrams, flowcharts, or visual structures. This includes: architecture diagrams, mind maps, org charts, user journey maps, system design diagrams, ER diagrams, sequence diagrams, process flows, decision trees, network topologies, class diagrams, Gantt charts, SWOT analysis diagrams, wireframes, and sitemaps. Also trigger when: user says 画个流程图, 做个架构图, 思维导图, 组织架构图, 用户旅程图, 系统设计图, 甘特图. If a diagram or visual structure needs to be drawn, use this skill.

2.09k repo starsObserved in 1 repos
Design

clawimage-free

FREE AI image & portrait generation - No authentication required! Fast generation (3-5 seconds) with 140+ nationalities, diverse styles, professional headshots, character design, and fashion visualization. Perfect for creative projects, character design, professional portraits, and diverse representation. Simple curl-based API. Powered by diversityfaces.org

2.09k repo starsObserved in 1 repos
Design

local-image-generation

本地文生图、AI画图、生成图像、画一张图、帮我画、生成图片、创作图像、制作一幅图、 图像生成、文字生成图片、AI绘画、画个XX、我想要一张XX的图、本地生图、离线生图。 generate an image, create a picture, draw something, make an image of, text to image, paint a picture, illustrate, visualize, local image generation, AI art, image synthesis. 使用 Z-Image-Turbo 模型在本机 Windows 离线运行,支持中英双语提示词, 自动优先 Intel iGPU 推理,无需联网,不调用任何云端 API。

2.09k repo starsObserved in 1 repos
Design

macos-hig-designer

Design native macOS apps following Apple's Human Interface Guidelines and Liquid Glass design system. Use when building SwiftUI/AppKit macOS apps, validating designs, or implementing macOS-specific patterns.

2.09k repo starsObserved in 1 repos
Design

stitch-design

Official Google Stitch SDK wrapper for OpenClaw. Requires only STITCH_API_KEY. Generate UI screens from text, apply targeted edits, branch variants, export HTML/images, and track design lineage with screen aliases plus append-only event history. Stores local artifacts under the skill folder and talks only to Google Stitch endpoints needed for generation and screenshot delivery.

2.09k repo starsObserved in 1 repos
Design

website-style-images

Generate images matching a website's visual style. Use this skill when the user wants to: create images in the style of a website, match a website's aesthetic, generate branded images from a URL, create banners/social posts/hero images matching a site's design, extract a website's visual identity and produce images in that style, or replicate a website's look and feel in new images. Also trigger when the user mentions 网站风格图片, 匹配网站风格, 品牌风格图片, 网站设计风格生成, 根据网站生成图片, or 仿站风格.

2.09k repo starsObserved in 1 repos
Design

ux-ui-analyze-single-page

Analyze exactly one captured UI page (from ux_ui_map screenshots + request JSON) and immediately write/update ux_ui_map/pages/{page}.md in neutral descriptive language. Use when asked to analyze screenshots, rewrite corresponding analysis immediately, or avoid memory/context saturation.

2.04k repo starsObserved in 1 repos
Design

ux-ui-map-page-by-page

Produce the EdgeQuake WebUI UX/UI map one route at a time (capture screenshots, then immediately write per-page docs and per-page analysis requests). Use when asked to map UI, capture screens page-by-page, avoid agent memory saturation, or generate ux_ui_map artifacts.

2.04k repo starsObserved in 1 repos
Design

audit-accessibility

Ensure the plugin's custom UI components are accessible to users with screen readers and other assistive technologies.

2.01k repo starsObserved in 1 repos
Design