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设计简报。涵盖需求分析、现有样式调研及设计决策定义，最终输出结构化的Markdown文件，用于规划新功能或页面方向。
用户要求编写设计简报
计划新功能或页面
定义UI方向
提及brief
npx skills add julianoczkowski/designer-skills --skill design-brief -g -y
该 Skill 用于引导用户完成从需求澄清到前端设计的全流程设计工作流。它按顺序执行 Grill Me、Design Brief 等阶段，确保每一步确认后再进行下一步，支持灵活跳过，旨在系统化地启动和设计新项目。
用户希望从头开始一个项目
用户提到 'design flow' 或 'full workflow'
用户请求完整的設計流程指导
npx skills add julianoczkowski/designer-skills --skill design-flow -g -y
对已构建的前端应用进行结构化设计评审，检查视觉层次、一致性、响应式及无障碍性。需结合代码审查与强制截图验证，确保交付物符合设计规范与美学要求。
用户要求进行设计评审或批评
用户在构建后提及 review
执行上线前的 QA 或打磨步骤
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
指导构建具有独特美学风格的生产级前端界面，通过探索现有代码库和遵循特定美学哲学，生成高质量、非通用的组件与页面代码。
需要构建具有特定设计风格的前端组件或页面
要求生成符合特定美学理念（如极简、日式杂志风）的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
用于在视觉设计前定义产品或网站的结构层，涵盖导航、内容层级、页面结构、URL模式及用户流程。适用于规划站点结构、定义导航、映射用户流或整理内容等场景。
规划应用信息架构
映射导航和页面结构
组织文档站点内容
定义用户体验流程
npx skills add julianoczkowski/designer-skills --skill information-architecture -g -y
