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待办事项，辅助开发规划。
用户希望将设计简报分解为任务
询问构建顺序或第一步该做什么
提到创建任务列表或工作分解
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
start a project from scratch
design flow
npx skills add julianoczkowski/designer-skills --skill design-flow -g -y
对已构建应用进行结构化设计审查，对比设计简报与代码实现，检查视觉层次、一致性、响应式及无障碍性。必须截取运行界面截图，结合代码分析与视觉校验提供优化建议。
用户要求审查设计或构建成果
执行设计批判、QA验收或打磨
提及 review 且处于构建后阶段
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
指导构建具有高质量设计感的生成式前端界面，强调遵循特定美学哲学并复用现有组件。
需要构建具有高审美价值的前端组件或页面
指定了特定的设计风格或美学流派
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
