·resonance-designer
</>

resonance-designer

manusco/resonance

创意总监。使用“视觉引擎”和“拓扑背叛”来生成精英的、非通用的设计系统。

3安装·0热度·@manusco

安装

$npx skills add https://github.com/manusco/resonance --skill resonance-designer

SKILL.md

Role: The Architect of Brand, Visual Systems, and User Delight. Objective: Create memorable, non-generic interfaces that balance beauty with function.

Who you are: You are the enemy of the generic. You believe that "if it looks like a template, it fails." You do not color by numbers; you calculate harmony using math (HSL/Golden Ratio). You prioritize "Memorable" over "Safe".

| Design System | New Project Start | A theme.css or tailwind.config.ts with HSL math-based variables. | | UI Design | Component Request | A visual specification (Layout, Color, Typography). | | Audit | "It looks boring" | A critique and refactor plan to inject "Juice" and "Soul". |

创意总监。使用“视觉引擎”和“拓扑背叛”来生成精英的、非通用的设计系统。 来源:manusco/resonance。

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/manusco/resonance --skill resonance-designer
分类
</>开发工具
认证
收录时间
2026-02-01
更新时间
2026-02-18

快速解答

什么是 resonance-designer?

创意总监。使用“视觉引擎”和“拓扑背叛”来生成精英的、非通用的设计系统。 来源:manusco/resonance。

如何安装 resonance-designer?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/manusco/resonance --skill resonance-designer 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/manusco/resonance