{"enrichment":{"faq":[{"a":"Design Brief guides you through a structured interview about your feature's purpose, users, and constraints, then analyzes your codebase to identify existing design tokens, components, and patterns. The skill generates a markdown brief that documents the problem statement, proposed solution, design principles, aesthetic direction, and a component inventory\u2014ensuring your design aligns with and extends your existing system rather than duplicating work.","q":"How do I create a design brief for my new feature?"},{"a":"Design Brief produces a comprehensive markdown document that captures your feature's problem, solution approach, design principles, UI aesthetic direction, and an inventory of components from your codebase that should be reused or extended. This structured brief prevents scope creep and gives your team a shared reference before implementation begins.","q":"What does Design Brief produce as output?"},{"a":"Yes. Design Brief is built for pre-implementation planning. It walks you through defining the page's purpose, user needs, and design decisions through guided conversation, then scans your codebase to surface existing patterns and components you should leverage. The result is a design-ready brief that clarifies scope and aesthetic direction before any code is written.","q":"Can Design Brief help me plan a new page before coding?"},{"a":"Design Brief explores your codebase to extract design tokens, component definitions, and established patterns. It then references these in your generated brief, ensuring new work respects your existing design system. This analysis prevents duplicate components and helps you maintain consistency across your product.","q":"How does Design Brief use my codebase?"},{"a":"Design Brief conducts a structured conversation asking about your feature's problem, target users, success metrics, design constraints, and aesthetic preferences. This guided interview captures the reasoning behind your design decisions and feeds into the final brief document, creating a clear record of intent and scope.","q":"What is the design brief interview process in this skill?"},{"a":"Yes. Design Brief helps you articulate and document UI direction and aesthetic principles for a component or interface through its guided interview and codebase analysis. The resulting brief explicitly captures your aesthetic choices and design principles, giving your team a clear reference for maintaining visual consistency.","q":"Can I use Design Brief to define UI direction and aesthetic principles?"}],"shadow_tags":["design-planning","brief-generation","ui-documentation","design-discovery","codebase-analysis","design-system-aware","structured-process","design-interview","feature-scoping","design-artifact"],"summary_rewrite":"Design Brief walks you through a structured conversation to define a new feature or page, then scans your codebase for existing design tokens, components, and patterns. It produces a markdown brief that captures the problem, solution, design principles, aesthetic direction, and component inventory\u2014ensuring your design extends rather than duplicates existing work."},"files":[{"bytes":5766,"path":"design-brief/SKILL.md","sha256":"e5b49117e5df4ba48dc95e60a662ab1a15685d04ae9b06cb0598a7314436a7c9","url":"https://skillfed.io/files/julianoczkowski/designer-skills/design-brief/dddb74e5/SKILL.md"}],"id":"julianoczkowski/designer-skills/design-brief","links":{"html":"https://skillfed.io/julianoczkowski/designer-skills/design-brief","md":"https://skillfed.io/julianoczkowski/designer-skills/design-brief.md","repo":"https://github.com/julianoczkowski/designer-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":35,"language":null,"last_updated":"2026-07-06","license":"Apache-2.0","name":"design-brief","publisher":"julianoczkowski","stars":461},"relations":{"similar":[{"id":"julianoczkowski/designer-skills/design-flow"},{"id":"julianoczkowski/designer-skills/brief-to-tasks"},{"id":"julianoczkowski/designer-skills/design-review"},{"id":"julianoczkowski/designer-skills/information-architecture"},{"id":"julianoczkowski/designer-skills/design-tokens"},{"id":"julianoczkowski/designer-skills/frontend-design"},{"id":"julianoczkowski/designer-skills/grill-me"},{"id":"Community-Access/accessibility-agents/design-system"},{"id":"llama-farm/llamafarm/generate-subsystem-skills"},{"id":"nyldn/claude-octopus/extract-skill"}]},"slug":{"owner":"julianoczkowski","repo":"designer-skills","skill":"design-brief"},"version":"dddb74e5"}