Generate structured design briefs aligned with existing codebase patterns.
npx skills add https://github.com/hschne/pi-stuff --skill design-brief-hschne
Please help me install this Agent Skill. Skill: design-brief Source: https://github.com/hschne/pi-stuff/tree/main/skills/design-brief Command: npx skills add https://github.com/hschne/pi-stuff --skill design-brief-hschne
This skill eliminates the friction of creating inconsistent, misaligned design briefs for new features, pages, and UI initiatives, ensuring all stakeholders share a clear, actionable vision before development begins.
Use the design-brief skill to create a design brief for the new user onboarding flow, including all required sections aligned with the project's existing design system.
High-intent search queries and answers about installing and using this skill.
To create a design brief aligned with your codebase, you can use an automated skill that scans your project for design tokens and UI components, then generates a structured document covering experience principles and component reuse.
A codebase-aware design brief is a standardized document defining UI direction, aesthetic preferences, and accessibility constraints for new features. You need one before development to ensure product, design, and engineering teams share a clear vision.
You can standardize feature planning documentation by generating a consistent design brief template that captures user jobs-to-be-done, success metrics, and component inventory, saving it to a dedicated .design directory for downstream workflows.
Yes, you can generate a design brief that automatically inventories existing design system components and frameworks, while explicitly documenting accessibility requirements to ensure the new UI initiative remains compliant.
The design brief process uses interactive requirement gathering, conducting structured interviews to capture user jobs-to-be-done, constraints, and aesthetic preferences before outputting the final standardized documentation.
The best way to document experience design principles for an onboarding flow is generating a structured brief that defines the problem, aesthetic direction, and component reuse strategy, ensuring alignment between design and engineering teams.
Ikki-GroupExtract reusable UI patterns, components, and design tokens from codebases.
dsteven12Architect and implement production-grade frontend interfaces with a bold aesthetic direction.
jwilgerOrganize UI components into atoms, molecules, organisms, and templates.
hi-yuki-922Gather design context from codebase and user input into CLAUDE.md.
