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 方向并生成结构化设计简报。
用户想要编写设计简报
计划新功能或页面
定义 UI 方向
提及 brief
npx skills add julianoczkowski/designer-skills --skill design-brief -g -y
该技能引导用户完成从构思到构建的完整设计工作流，按顺序执行Grill Me、Design Brief等阶段，确保每步确认后再推进，支持跳过特定环节。
用户希望从头开始一个项目
用户提到运行完整的设计流程
用户请求'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或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
定义产品或网站的结构层，涵盖导航、内容层级、页面结构及用户流。用于在视觉设计前规划站点架构、组织内容或映射用户路径。
规划应用的信息架构
映射导航和页面结构
整理文档站点的內容
定义用户流程
npx skills add julianoczkowski/designer-skills --skill information-architecture -g -y
