Agent Skills
› julianoczkowski/designer-skills
julianoczkowski/designer-skills
GitHub将设计简报拆解为按垂直切片组织的可独立构建任务清单。通过扫描代码库理解现有组件与依赖，依据依赖、视觉优先级和风险对任务排序，最终生成有序的任务列表文件，辅助开发规划。
安装全部 Skills
npx skills add julianoczkowski/designer-skills --all -g -y
集合内 Skills (8)
将设计简报拆解为按垂直切片组织的可独立构建任务清单。通过扫描代码库理解现有组件与依赖，依据依赖、视觉优先级和风险对任务排序，最终生成有序的任务列表文件，辅助开发规划。
用户要求将设计简报拆分为任务
询问下一步应构建什么内容
请求从设计简报创建任务列表
计划功能的构建顺序
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
引导用户完成从构思到构建的完整设计工作流。按顺序执行澄清、需求文档、架构、视觉系统、任务规划和前端设计等阶段，支持跳过特定步骤并提供分步确认。
Run the full design flow
Walk me through the complete process for a new project
Start from scratch and take me through everything
Design flow for a dashboard app
npx skills add julianoczkowski/designer-skills --skill design-flow -g -y
对已构建应用进行结构化设计审查，对比设计简报与代码实现。检查视觉层次、一致性、响应式及无障碍性。强制要求捕获运行时的屏幕截图以验证用户视角，确保视觉保真度与设计规范一致。
用户要求进行设计审查或批评
用户在构建后提及 review
用户请求 QA pass 或 polish pass
npx skills add julianoczkowski/designer-skills --skill design-review -g -y
根据设计哲学生成项目基础设计令牌（CSS变量或Tailwind配置），涵盖明暗模式、间距与字体。适用于新建项目或建立视觉系统时，自动检测现有配置并扩展缺失部分，确保组件引用统一规范。
提到 tokens 或 design system
需要设置项目视觉规范
初始化新项目前端样式
npx skills add julianoczkowski/designer-skills --skill design-tokens -g -y
指导构建具有独特美学风格的生产级前端界面。通过探索现有代码库、理解上下文并应用特定设计哲学（如 Dieter Rams 极简主义），生成注重细节且非通用的 UI 组件与页面代码，避免重复造轮子。
需要构建具有高设计质量的 UI 组件或页面
指定特定美学风格（如北欧风、日本杂志风）进行前端开发
npx skills add julianoczkowski/designer-skills --skill frontend-design -g -y
通过 relentless 提问和压力测试，帮助用户深入审视计划或设计。结合代码库和现有组件自动解答疑问，引导用户理清决策树分支，达成对方案的共同理解与优化。
用户希望压力测试其设计方案
用户要求挑战其思路或方法
用户提及 'grill me'
npx skills add julianoczkowski/designer-skills --skill grill-me -g -y
用于在产品或网站视觉设计前定义信息架构，涵盖导航、内容层级、页面结构、URL模式及用户流程。通过分析现有代码库并访谈用户，生成IA文档以指导后续开发。
规划应用的信息架构
映射导航和页面结构
整理文档站点内容
定义用户引导流程
提及'IA'或'information architecture'
npx skills add julianoczkowski/designer-skills --skill information-architecture -g -y
