Agent Skills › ddcat-ai/open-ai-canvas › superdesign

superdesign

GitHub

SuperDesign 是一个专注于前端 UI/UX 设计的专业 Agent。它帮助用户寻找设计灵感、生成或迭代无限画布上的设计草稿，以及构建和设计系统。适用于在实现需要设计思维的 UI 之前进行前期设计与规划。

.claude/skills/superdesign/SKILL.md ddcat-ai/open-ai-canvas

Trigger Scenarios

需要为功能、页面或流程寻找设计灵感和风格需要设置或建立设计系统需要改进现有 UI 的设计方案

Install

npx skills add ddcat-ai/open-ai-canvas --skill superdesign -g -y

More Options

Non-standard path

npx skills add https://github.com/ddcat-ai/open-ai-canvas/tree/main/.claude/skills/superdesign -g -y

Use without installing

npx skills use ddcat-ai/open-ai-canvas@superdesign

指定 Agent (Claude Code)

npx skills add ddcat-ai/open-ai-canvas --skill superdesign -a claude-code -g -y

安装 repo 全部 skill

npx skills add ddcat-ai/open-ai-canvas --all -g -y

预览 repo 内 skill

npx skills add ddcat-ai/open-ai-canvas --list

SKILL.md

Frontmatter

{
    "name": "superdesign",
    "metadata": {
        "author": "superdesign",
        "version": "0.0.1"
    },
    "description": "Superdesign is a design agent, where it specialised in frontend UI\/UX design; Use this skill before you implement any UI that require some design thinking"
}

SuperDesign helps you (1) find design inspirations/styles and (2) generate/iterate design drafts on an infinite canvas.

Core scenarios (what this skill handles)

Help me design X (feature/page/flow)
Set design system
Help me improve design of X

How it works

Fetch fresh guidelines below:

https://raw.githubusercontent.com/superdesigndev/superdesign-skill/main/skills/superdesign/SUPERDESIGN.md

Action accordingly based on instruction in the guidelines

Superdesign CLI

npm install -g @superdesign/cli@latest
superdesign login
superdesign --help

Version History

ad9c74b Current 2026-08-27 10:17

Same Skill Collection

AI 表演实验室

backend/builtin/ai-表演实验室/SKILL.md

AI演员微表情导演

backend/builtin/ai演员微表情导演/SKILL.md

AI造型师高转化模特图

backend/builtin/ai造型师高转化模特图/SKILL.md

ASMR沉浸式潮玩开箱导演

backend/builtin/asmr沉浸式潮玩开箱导演/SKILL.md

Freestyle 风格库

backend/builtin/freestyle-风格库/SKILL.md

H3 视频提示词套件

backend/builtin/h三-视频提示词套件/SKILL.md

OC魅力诊断师

backend/builtin/oc魅力诊断师/SKILL.md

Seedance 2.5 导演工艺

backend/builtin/seedance-二-五-导演工艺/SKILL.md

Seedance 提示词工程

backend/builtin/seedance-提示词工程/SKILL.md

TikTok网红带货视频

backend/builtin/tiktok网红带货视频/SKILL.md

15秒极致夸张反转提示词

backend/builtin/一五秒极致夸张反转提示词/SKILL.md

15秒视觉特效

backend/builtin/一五秒视觉特效/SKILL.md

一图成片-电影广告全能导演

backend/builtin/一图成片-电影广告全能导演/SKILL.md

一镜到底短剧流水线

backend/builtin/一镜到底短剧流水线/SKILL.md

3D国漫风转身变身特效

backend/builtin/三d国漫风转身变身特效/SKILL.md

三幕式短剧工厂

backend/builtin/三幕式短剧工厂/SKILL.md

世界观美术设定

backend/builtin/世界观美术设定/SKILL.md

二维动画线稿批量上色

backend/builtin/二维动画线稿批量上色/SKILL.md

人像捏脸导演

backend/builtin/人像捏脸导演/SKILL.md

体验设计五原则

backend/builtin/体验设计五原则/SKILL.md

先锋服装商拍视觉指导

backend/builtin/先锋服装商拍视觉指导/SKILL.md

决策思维模型格森

backend/builtin/决策思维模型格森/SKILL.md

分镜语法

backend/builtin/分镜语法/SKILL.md

剧本工业化机器

backend/builtin/剧本工业化机器/SKILL.md

剧本撰写

backend/builtin/剧本撰写/SKILL.md

剧本资产视频一条龙创作

backend/builtin/剧本资产视频一条龙创作/SKILL.md

发布片三件套

backend/builtin/发布片三件套/SKILL.md

叙事短片导演分镜

backend/builtin/叙事短片导演分镜/SKILL.md

名导十五秒视频风格资产引擎

backend/builtin/名导十五秒视频风格资产引擎/SKILL.md

喜剧 Mechanics

backend/builtin/喜剧-mechanics/SKILL.md

定位与命名策略

backend/builtin/定位与命名策略/SKILL.md

对白工坊

backend/builtin/对白工坊/SKILL.md

小红书素人穿搭配方

backend/builtin/小红书素人穿搭配方/SKILL.md

广告全链路打法

backend/builtin/广告全链路打法/SKILL.md

广告文案四步系统

backend/builtin/广告文案四步系统/SKILL.md

影策短剧制作工作流

backend/builtin/影策短剧制作工作流/SKILL.md

情景喜剧工坊

backend/builtin/情景喜剧工坊/SKILL.md

提示词工程模式

backend/builtin/提示词工程模式/SKILL.md

故事开发

backend/builtin/故事开发/SKILL.md

故事结构引擎

backend/builtin/故事结构引擎/SKILL.md

故事营销八阶段

backend/builtin/故事营销八阶段/SKILL.md

散文质地工艺

backend/builtin/散文质地工艺/SKILL.md

数字人搞笑采访视频生成

backend/builtin/数字人搞笑采访视频生成/SKILL.md

模型路由交互

backend/builtin/模型路由交互/SKILL.md

治愈系原创IP孵化助手

backend/builtin/治愈系原创ip孵化助手/SKILL.md

消费心理转化设计

backend/builtin/消费心理转化设计/SKILL.md

珠宝电商图文视频一站式

backend/builtin/珠宝电商图文视频一站式/SKILL.md

珠宝设计出款

backend/builtin/珠宝设计出款/SKILL.md

珠宝设计进化

backend/builtin/珠宝设计进化/SKILL.md

View Skill Collection ›

Metadata

Files: 0
Version: 76b646b
Hash: 6e5f33ae
Indexed: 2026-08-27 10:17

superdesign

superdesign

Trigger Scenarios

Install

SKILL.md

Core scenarios (what this skill handles)

How it works

Superdesign CLI

Version History

Same Skill Collection

Metadata

文库