Agent Skills
› julianoczkowski/designer-skills
julianoczkowski/designer-skills
GitHub将设计简报拆解为可独立构建的垂直切片任务清单。通过分析代码库现状，按依赖、视觉优先和风险顺序规划实施步骤，生成有序的任务列表以指导前端开发工作。
Install All Skills
npx skills add julianoczkowski/designer-skills --all -g -y
Skills in Collection (8)
将设计简报拆解为可独立构建的垂直切片任务清单。通过分析代码库现状，按依赖、视觉优先和风险顺序规划实施步骤，生成有序的任务列表以指导前端开发工作。
用户希望分解工作内容
根据简报创建任务
规划实现顺序
提及'tasks'或'breakdown'
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
该技能作为引导者，按顺序执行完整的设计到构建工作流。它协调多个设计阶段（如需求澄清、文档编写、架构定义等），确保每步确认后再继续，支持跳过特定环节，帮助用户从零开始完成项目设计。
用户希望运行完整的设计流程
用户提到 'design flow' 或 'full workflow'
用户要求从头开始一个新项目
npx skills add julianoczkowski/designer-skills --skill design-flow -g -y
对已构建的前端应用进行结构化设计审查，比对设计规范与代码实现。强制要求捕获运行时的多端截图，评估视觉层级、一致性、响应式布局及无障碍性，确保交付质量符合美学哲学与设计简报。
用户要求进行设计评审或批判
提及 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
指导构建具有独特美学和高质量设计的生产级前端界面。通过探索现有代码库、理解上下文及应用特定美学哲学，生成注重细节且避免通用AI风格的组件或页面代码。
构建具有特定美学风格的前端组件
根据设计简报生成页面布局
实现遵循特定设计哲学的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
