Agent Skills
› julianoczkowski/designer-skills
julianoczkowski/designer-skills
GitHub将设计简报拆解为按优先级排序的可独立构建任务清单。通过分析代码库现状，生成包含结构、样式和交互的垂直切片任务，并保存为Markdown文件，辅助开发规划。
安装全部 Skills
npx skills add julianoczkowski/designer-skills --all -g -y
集合内 Skills (8)
将设计简报拆解为按优先级排序的可独立构建任务清单。通过分析代码库现状，生成包含结构、样式和交互的垂直切片任务，并保存为Markdown文件，辅助开发规划。
用户希望分解工作
从简报创建任务
规划实施顺序
提到tasks或breakdown
npx skills add julianoczkowski/designer-skills --skill brief-to-tasks -g -y
通过交互式访谈和代码库探索，协助用户制定UI/UX设计简报。适用于规划新功能、页面或定义UI方向，最终将结构化设计决策保存为Markdown文件。
用户希望编写设计简报
计划新特性或页面
定义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
对已构建的前端应用进行结构化设计审查，对比设计简报检查视觉层级、一致性、响应式及无障碍性。强制要求捕获运行截图以评估用户视角，确保交付物符合美学与功能规范。
用户要求进行设计评审或批评
用户请求 QA 测试或打磨发布
npx skills add julianoczkowski/designer-skills --skill design-review -g -y
根据设计哲学生成CSS变量或Tailwind配置等设计令牌文件，支持明暗模式、间距与字体比例。适用于新项目启动、视觉系统建立或提及tokens场景，自动检测现有配置并扩展。
启动新项目需要建立视觉系统
设置设计令牌（tokens）
提及design system或tokens
需要生成颜色、间距等基础样式规范
npx skills add julianoczkowski/designer-skills --skill design-tokens -g -y
指导构建具有独特美学风格的生产级前端界面，强调代码质量与设计细节。通过分析现有代码库和选定美学哲学（如 Dieter Rams），生成高保真、非通用的组件或页面代码。
需要构建具有特定设计风格的UI组件或页面
要求实现高设计质量的响应式前端界面
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
