Generate UI designs for software products using Paper.design.
npx skills add https://github.com/0xrafasec/ai-workflow --skill design-0xrafasec
Please help me install this Agent Skill. Skill: design Source: https://github.com/0xrafasec/ai-workflow/tree/main/skills/design Command: npx skills add https://github.com/0xrafasec/ai-workflow --skill design-0xrafasec
This Skill addresses the challenge of creating high-quality, distinctive UI designs for software products, leveraging Paper.design's capabilities to ensure consistency and adherence to design systems.
Run the design skill with /design to initiate the full design workflow, or specify a page/flow name like /design auth for targeted design tasks.
High-intent search queries and answers about installing and using this skill.
To generate UI designs with Paper.design, you initiate a workflow that processes your design principles and user requirements to produce production-grade screens, brand guides, and comprehensive design systems.
The best way to build a consistent design system is to generate detailed documentation and visual references that enforce precise alignment, typography, color, and spacing guidelines across all individual screen layouts.
You create individual screens by mapping user flows and technical specifications against your established brand guide, ensuring the resulting layouts strictly follow the predefined visual and architectural standards.
Yes, a comprehensive understanding of user requirements and technical specifications is needed. The workflow commits to a bold aesthetic direction grounded in your PRD and architecture to ensure visual alignment.
Yes, you can target a specific page flow. Instead of initiating the full workflow, you can specify a page or flow name to focus the UI design generation strictly on that targeted task.
Organizing a screen inventory is required because it prioritizes screen requirements based on user flows and roadmaps, enabling precise alignment and consistent layout creation according to design system guidelines.
PascaponeGenerate comprehensive Product Requirements Documents for software systems and AI features.
daffy0208Create information architecture, user flows, wireframes, and prototypes for digital products.
rysweetPlan and optimize project roadmaps, goals, milestones, and strategic direction.
NagyViktGenerate and synchronize Figma screens from source code UI structures.
