🎨 设计 AI 工具

985 个工具,按价值评分排序

animated-financial-display

SKILL

提供弹簧物理驱动的金融数字动画模式,涵盖计数器、价格行情、涨跌幅百分比及数值闪烁反馈,适用于金融仪表盘与交易界面开发。

clawhub
6/100
金融UI动效设计系统

excalidraw-canvas

MCP

基于Excalidraw的AI图表生成工具,支持自然语言描述转换为手绘风格PNG图表,适合快速可视化工作流、架构图和UI原型设计。

clawhub
6/100
图表设计与可视化

ig-cropper

MCP

自动清理Instagram截图中的UI元素和干扰信息,提取纯净的建筑与设计参考素材,支持批量处理和高清输出。

clawhub
6/100
图像处理与设计参考提取

financial-design-systems

SKILL

为金融交易仪表板提供完整的暗黑主题设计系统。包含图表主题、盈亏配色方案、实时数据展示最佳实践,加速金融应用开发。

clawhub
6/100
金融数据可视化设计系统

x402-creative-resources

SKILL

提供创意总监研究、多引擎图像生成(Nano-Banana、SeedDream、Grok等)、设计资源库的一站式API服务,加速设计工作流。

clawhub
6/100
AI创意设计资源库

agent-selfie

SKILL

基于Gemini图像生成的AI自画像工具,支持情绪、季节等参数定制头像与个人视觉身份,快速生成专属头像。

clawhub
5/108
AI头像与视觉身份生成

best-image-generation

SKILL

通过EvoLink API提供文生图、图生图、图像编辑三合一能力,单张约$0.12-0.20,支持高质量AI图像生成。

clawhub
5/107
AI图像生成与编辑

blender

SKILL

帮助用户避免Blender常见错误,涵盖变换应用、修改器顺序、UV接缝及游戏引擎导出设置的最佳实践指导。

clawhub
5/104
3D建模与游戏资产制作

taste

SKILL

通过人类反馈教AI学习审美判断,提出质量相关问题,随时间校准品味,提升AI在主观美学领域的表现。

clawhub
5/104
审美判断力训练与品味校准

architecture

SKILL

支持从家居装修项目到专业建筑实践与理论的全方位架构理解与知识辅导,覆盖设计原则、规范解读与方案分析。

clawhub
5/104
建筑设计与理论辅助

ui

SKILL

提供UI设计指导和规范建议,帮助设计师创建清晰一致的视觉界面,确保设计质量和用户体验。

clawhub
5/103
UI设计与交互

qrcode

SKILL

通过AI对话生成支持自定义颜色、点形、眼形的风格化二维码,输出SVG/PNG/JPG多格式,适合品牌营销场景。

clawhub
5/102
二维码生成与定制化设计

art

SKILL

针对不同艺术媒介提供实用创作指导、技法提升建议及艺术鉴赏分析,助力用户系统性提升艺术能力。

clawhub
5/102
艺术创作与技法指导

ux

SKILL

基于用户心智模型,辅助设计师分析和优化用户体验,提升产品直觉性与使用效率,输出结构化UX评估建议。

clawhub
5/102
用户体验设计与分析

outfits

SKILL

AI穿搭系统,支持灵感保存、智能组合搭配、多场景穿衣方案生成,帮助用户快速决策每日穿搭

clawhub
5/102
时尚穿搭设计

architect

SKILL

基于形式美学、功能需求、可持续原则及建筑规范,辅助用户进行建筑与空间方案设计的AI顾问工具

clawhub
5/102
建筑与空间设计

fonts

SKILL

AI辅助网页排版工具,自动检测字体渲染、配对和层级问题,提供专业排版建议,提升设计质量。

clawhub
5/102
网页排版设计

svg

SKILL

自动生成并优化SVG图形代码,包含规范viewBox设置、无障碍属性及CSS样式,提升图形质量与可维护性。

clawhub
5/102
矢量图形与SVG开发

animation-shader

SKILL

提供卡通着色、描边、边缘光、MatCap等动画风格着色器集合,支持实时渲染与视觉效果定制。

clawhub
5/101
3D渲染与着色器

coloring-page

SKILL

将上传照片自动转换为黑白线稿着色页,支持打印输出。适合儿童美术教育、创意着色和艺术创作使用。

clawhub
5/101
图像处理与创意工具

ai-image-prompts

SKILL

从1万条真实图像生成提示词库中智能推荐,兼容Stable Diffusion、Midjourney等主流AI图像模型,降低提示词创作门槛。

clawhub
5/101
AI图像提示词工程

tmcp-slides

SKILL

tmcp-slides is an Animotion presentation template for development and preview.

mcpmarket.cn
5/101
演示文稿模板

photo-edit-analysis

SKILL

AI分析照片构图、曝光、色调、色彩等编辑质量,提供专业后期处理建议和优化方向

clawhub
5/101
图像编辑与分析

claw-art

SKILL

专为AI绘画场景设计的提示词生成工具,支持多种艺术风格,输出超细节高质量图像描述词,助力创作者快速产出专业级AI艺术作品。

clawhub
5/101
AI图像生成与提示词工程

colors-cc-skill

SKILL

为OpenClaw及AI Agent提供原生UI资源库。支持SVG占位符生成、动画渐变效果、主题调色板管理,加速Agent界面开发效率。

clawhub
5/101
UI设计工具与资源库

nanobanana-skill

SKILL

基于Google Gemini API通过nanobanana中间层实现文生图、图片编辑,支持自然语言指令快速生成和修改图片。

clawhub
5/101
AI图片生成与编辑

brainstorming-2

SKILL

在编码前通过苏格拉底式连续追问,帮助用户将模糊功能需求细化为清晰可执行的设计规格,减少开发返工。

clawhub
5/101
需求澄清与设计思维

agentpixels-skill

SKILL

AI驱动的实时协作绘画平台,支持多人在512x512共享画布上同步创作,融合AI生成与人工编辑,降低创意门槛。

clawhub
5/101
AI协作创意设计

color-palette

SKILL

从上传图片中智能提取主色调,输出HEX与RGB色值,并可选生成色板预览图,辅助设计配色决策。

clawhub
5/101
色彩提取与配色工具

stitch-design-agent

SKILL

将Google Stitch生成的UI设计稿自动集成到开发中的应用,实现设计与代码的无缝衔接,减少手动转译工作量

clawhub
5/101
UI设计与代码集成

drawthings

SKILL

通过API调用Mac本地DrawThings应用,利用MLX/CoreML加速实现Stable Diffusion文生图,支持批量生成与工作流集成。

clawhub
5/101
AI图像生成与本地推理

ux-qa-gate

SKILL

在UI/UX功能构建完成后自动触发自检流程,依据UX规范对交互、视觉、可访问性等维度进行结构化评审,防止低质量界面交付给用户。

clawhub
5/101
UX质量保障与自动化审查

zfont-cli

CLI

从zfont.cn智能搜索推荐免费商用字体,支持递归解压TTF/OTF/TTC文件,提供一键安装和跨设备传输方案。

clawhub
5/101
字体管理与获取

nano-banana-pro-image

SKILL

基于Google Gemini 3 Pro/Imagen Pro模型,支持专业级AI图像生成与智能编辑,适合创意设计与内容生产场景

clawhub
5/101
AI图像生成与编辑

nutcrackertest

MCP

被动监测OpenClaw使用行为,提取交互数据,识别用户摩擦点与满意度信号,生成结构化研究报告。

clawhub
5/100
用户体验研究与分析

p5

SKILL

基于P5.js的创意编程框架,支持交互式草图创建、生成艺术和可视化编程,集成Netsnek平台生态。

clawhub
5/100
创意编程与生成艺术

ui-ux-pro-max-skill

SKILL

基于161条推理规则与67种风格,AI驱动跨平台UI/UX专业设计,自动生成完整设计系统与组件规范

clawhub
5/100
UI/UX智能设计系统

sketch-board

MCP

为Sketch用户提供快速参考的开发工具,涵盖入门、快速开始、设计模式等内容库,支持概念与最佳实践查询。

clawhub
5/100
设计工具与原型

shadcn-theme-default

SKILL

基于shadcn/ui的默认中性主题,集成OKLCH CSS变量与Tailwind v4,提供开箱即用的深色模式支持和现代色彩管理方案。

clawhub
5/100
UI主题与设计系统

svg-optimizer

SKILL

SVG优化参考工具,提供快速查询、最佳实践、实现模式等开发文档,帮助开发者快速掌握SVG优化技巧

clawhub
5/100
SVG优化与开发工具

feifei

SKILL

基于p5.js实现带种子随机性的算法艺术创作,支持交互式参数探索,帮助用户用代码生成可复现的视觉艺术作品

clawhub
5/100
算法艺术与创意编程

open-card

MCP

基于OpenClaw工作区身份信息自动生成个人数字名片,支持HTML预览和PNG导出,无需手动编辑,一键生成专业名片。

clawhub
5/100
个人品牌与名片设计

cutout-visual-api

CLI

通过CLI调用Cutout.Pro API实现背景移除、人脸抠图和照片增强,支持文件上传与URL输入,适合批量图像处理场景。

clawhub
5/100
图像处理与视觉增强

phoenixclaw-image-gen

SKILL

基于OpenRouter接入多种AI生图模型(含Seedream),支持提示词与尺寸参数配置,专为OpenClaw平台优化的图像生成辅助工具。

clawhub
5/100
AI图像生成与创作辅助

canvas-design-anthropic

SKILL

基于Claude AI的设计助手,通过自然语言指令生成精美海报和艺术作品PNG/PDF,融合设计哲学自动化创意输出

clawhub
5/100
AI视觉设计生成

wavespeed-nano-banana-2

SKILL

通过WaveSpeed AI加速调用Google Nano Banana 2模型,支持文本生成图像及自然语言图像编辑,提供低延迟API接口。

clawhub
5/100
AI图像生成与编辑

badge

SKILL

AI驱动的Badge UI元素生成工具,支持多种样式、颜色、尺寸自动生成,加速界面开发和设计资产创建流程。

clawhub
5/100
UI组件库与设计资产生成

mermaid-image-generator

SKILL

调用mermaid.ink API将Mermaid语法代码转换为PNG或SVG图片,零依赖,仅需Node.js内置模块与curl即可运行,适合快速生成流程图、时序图等技术图表。

clawhub
5/100
图表与可视化生成

pexels-image-downloader

SKILL

调用Pexels API搜索并下载高质量免费商用图片,支持关键词检索、自动尺寸调整与格式验证,简化素材获取流程。

clawhub
5/100
图片素材获取与处理

image-to-svg

SKILL

AI驱动的图像转SVG工具,自动识别图像轮廓并转换为可编辑矢量文件,支持批量处理和高精度转换。

clawhub
5/100
图像转换与矢量化