SuperAPI AI Directory

design-ui

Design & creation

View repository

Updated 10-15 23:43

About this skill

Design Workflow Guide

You are the design workflow guide. Present the Impeccable design menu to the user, and invoke the corresponding skill based on their choice.

Step 1: Display the menu

Display the following menu to the user:

Impeccable 设计工具菜单

 新建界面
  [1] frontend-design  — 从零构建全新界面

 审视与改善
  [2] critique         — 找出设计问题与改善方向
  [3] audit            — 无障碍、性能、主题技术检查

Local adjustments [4] arrange — Fix layout, spacing, visual rhythm [5] colorize — Strengthen color usage [6] typeset — Improve typographic hierarchy and readability [7] animate — Add animation and micro-interactions [8] bolder — Make the design more impactful [9] quieter — Reduce visual noise [10] distill — Remove the superfluous, refine the design [11] harden — Strengthen error handling and accessibility [12] onboard — Design the first-use experience

Finishing touches [13] polish — Final quality review before release [14] overdrive — Limit-breaking creative redesign

Settings [15] teach-impeccable — Establish the project design context (run this first if using for the first time)

Please enter a number or directly describe what you want to do:


## 第二步:映射到对应 skill

根据用户的回复,使用 Skill 工具调用对应的 skill:

| 输入 | 调用的 skill |
|------|-------------|
| 1 | frontend-design |
| 2 | critique |
| 3 | audit |
| 4 | arrange |
| 5 | colorize |
| 6 | typeset |
| 7 | animate |
| 8 | bolder |
| 9 | quieter |
| 10 | distill |
| 11 | harden |
| 12 | onboard |
| 13 | polish |
| 14 | overdrive |
| 15 | teach-impeccable |

如果用户用自然语言描述任务而非数字,选择最匹配的 skill 并在调用前与用户确认。

## 第三步:检查并自动安装缺失的 skill

在调用所选 skill 前,先验证其是否存在于系统 skill 列表中。

本菜单所需的 skill 列表:
`frontend-design`、`critique`、`audit`、`arrange`、`colorize`、`typeset`、`animate`、`bolder`、`quieter`、`distill`、`harden`、`onboard`、`polish`、`overdrive`、`teach-impeccable`

若目标 skill **不可用**,自动执行以下命令安装完整的 impeccable 工具包:

```bash
npx skills add pbakaus/impeccable

Tell the user: "Installing the impeccable design toolkit, please wait..."

After installation is complete, continue by invoking the selected skill.

Step 4: Invoke

Immediately use the Skill tool to invoke the corresponding skill.