Agent Skills
› julianoczkowski/designer-skills
julianoczkowski/designer-skills
GitHub将设计简报拆解为按垂直切片排序的可独立构建任务清单，支持规划实现顺序并保存为Markdown。
Install All Skills
npx skills add julianoczkowski/designer-skills --all -g -y
Skills in Collection (8)
将设计简报拆解为按垂直切片排序的可独立构建任务清单，支持规划实现顺序并保存为Markdown。
用户希望分解工作
从简报创建任务
规划实现顺序
提及tasks或breakdown
npx skills add julianoczkowski/designer-skills --skill brief-to-tasks -g -y
通过交互式访谈和代码库探索，协助用户规划新功能或页面，定义UI方向并生成结构化设计简报。
用户希望编写设计简报
计划新功能或页面
定义UI方向
提及brief
npx skills add julianoczkowski/designer-skills --skill design-brief -g -y
引导设计师按序完成从需求澄清到前端构建的全流程设计工作流，支持跳过特定阶段并确认每一步输出。
用户希望从头开始完整项目设计
提及 'design flow' 或 'full workflow'
要求运行完整设计流程
npx skills add julianoczkowski/designer-skills --skill design-flow -g -y
对已构建应用进行结构化设计审查，对比设计简报与代码实现。强制捕获运行截图以评估视觉层次、一致性、响应式及无障碍性。提供从读取简报到代码探索再到截图验证的完整流程。
用户要求进行设计评审或批评
执行上线前的 QA 或打磨阶段
询问界面外观或检查设计符合度
npx skills add julianoczkowski/designer-skills --skill design-review -g -y
根据设计哲学生成CSS变量或Tailwind配置等设计令牌文件，支持明暗模式、间距和类型比例。适用于新项目启动、建立视觉系统或提及tokens的场景。
设置项目设计令牌
基于特定美学风格生成令牌系统
需要间距尺度和颜色调色板
创建与设计简报匹配的令牌
npx skills add julianoczkowski/designer-skills --skill design-tokens -g -y
指导构建具有独特美学风格的生产级前端界面，通过探索现有代码库并遵循特定设计哲学（如 Dieter Rams），生成高质量、非通用的组件与页面代码。
需要构建具有特定设计风格的前端组件或页面
要求根据指定美学理念（如极简、日式等）生成界面代码
npx skills add julianoczkowski/designer-skills --skill frontend-design -g -y
通过持续提问和压力测试，帮助用户深入审视计划或设计，解决决策树分支并达成共同理解。适用于挑战思路、完善方案场景。
用户希望压力测试计划或设计
用户要求挑战其方法或思路
用户提到 'grill me'
npx skills add julianoczkowski/designer-skills --skill grill-me -g -y
定义产品或网站的结构层，涵盖导航、内容层级、页面结构及用户流程。在视觉设计前规划站点结构，分析现有代码库并输出信息架构文档。
规划应用的信息架构
映射导航和页面结构
整理文档站内容
定义用户登录流程
npx skills add julianoczkowski/designer-skills --skill information-architecture -g -y
