design-brief 是做什么的？
通过交互式访谈、代码库探索和体验设计决策创建设计简报。保存为项目中的 Markdown 文件。当用户想要编写设计简报、规划新功能或页面、定义 UI 方向或提到“brief”时使用。
通过交互式访谈、代码库探索和体验设计决策创建设计简报。保存为项目中的 Markdown 文件。当用户想要编写设计简报、规划新功能或页面、定义 UI 方向或提到“brief”时使用。
该技能通过结合交互式访谈、代码库探索和体验设计决策，帮助用户快速创建设计简报。它特别适用于规划新功能或页面、定义 UI 方向，或当用户提到“brief”时触发。生成的简报会以 Markdown 文件形式保存到当前项目中，便于团队参考和迭代。支持 Cursor 等 AI 代理平台，利用项目上下文自动提取技术约束和设计模式，从而输出结构清晰、可操作的文档。其核心工作流程包括：引导用户逐步回答关键问题、自动扫描现有代码以评估技术可行性、以及提供最佳实践建议，最终生成一份包含目标、范围、用户流程和视觉指南的完整设计简报。
npx skills add https://github.com/julianoczkowski/designer-skills/tree/main/skills/design-brief通过交互式访谈、代码库探索和体验设计决策创建设计简报。保存为项目中的 Markdown 文件。当用户想要编写设计简报、规划新功能或页面、定义 UI 方向或提到“brief”时使用。
This repo contains 7 individual skills — each has its own dedicated page.
Break a design brief into an ordered checklist of independently buildable tasks using vertical slices. Saves as a markdown checklist. Use when user wants to break down work, create tasks from a brief, plan implementation order, or mentions "tasks" or "breakdown".
Run the full design-to-build workflow as a guided sequence. Orchestrates all designer skills in order, from grilling through review. Use when user wants to go through the complete design process, start a project from scratch, run the full flow, or mentions "design flow" or "full workflow".
Run a structured design critique against the brief and codebase. Checks visual hierarchy, consistency, responsiveness, accessibility, and aesthetic fidelity. Use when user wants a design review, critique, QA pass, polish pass, or mentions "review" after building.
Generate a design tokens file (CSS variables or Tailwind config) based on a chosen aesthetic philosophy, with light and dark mode palettes, spacing scale, type ramp, and component-level tokens. Use when starting a new project, establishing a visual system, setting up tokens, or mentions "tokens" or "design system".
Build distinctive, production-grade frontend interfaces with high design quality, guided by named aesthetic philosophies. Use when building components, pages, or applications. Generates working code with exceptional attention to aesthetic details and creative choices that avoid generic AI output.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, challenge an approach, or mentions "grill me".
Define the structural layer of a product or site before visual design begins. Covers navigation, content hierarchy, page structure, URL patterns, and user flows. Use when user wants to plan site structure, define navigation, map user flows, organize content, or mentions "IA" or "information architecture".
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".