Create UI designs in Paper from PRDs and generate Rails-ready artboards.
npx skills add https://github.com/arthun01/achados-uesc --skill design-in-paper
Please help me install this Agent Skill. Skill: design-in-paper Source: https://github.com/arthun01/achados-uesc/tree/main/.opencode/skills/design-in-paper Command: npx skills add https://github.com/arthun01/achados-uesc --skill design-in-paper
This Skill streamlines the process of creating and updating UI designs in Paper, automatically generating Rails-ready artboards from existing PRDs, saving time and ensuring consistency between design and development.
Use the design-in-paper skill to create a new design for the feature with slug 'feature-slug'.
High-intent search queries and answers about installing and using this skill.
Generating UI wireframes from a PRD is handled by converting Product Requirement Documents into structured Paper designs with flex layouts and design system tokens for direct Rails integration. It requires Paper Desktop, Paper MCP, and Rails 8.1+.
Yes, creating Rails-ready artboards with flex layouts and design system tokens is fully supported. The generated designs use real content and structural tokens to ensure seamless integration with your Rails application environment.
To automate UI design in Paper, you need the Paper Desktop app, Paper MCP, and Rails 8.1+ installed. These dependencies process the PRD input and generate the structured artboards within the Paper environment.
PRD-to-design conversion fits into the AI-SDD pipeline immediately after PRD creation and preceding techspec generation. It streamlines workflow by translating product requirements directly into visual design assets for development.
The best way to ensure consistency between Paper wireframes and Rails code is generating artboards with shared design system tokens and flex layouts. This automated alignment prevents visual discrepancies during implementation.
Yes, Paper MCP integration supports automated design system token mapping. It processes your PRD to apply predefined tokens directly to the generated artboards, maintaining visual consistency throughout the UI design.
arthun01Convert Paper designs into Rails ERB, partials, helpers, layouts, and i18n files.
ViniciuscarvalhoValidate PRD-to-TechSpec coverage and generate a techspec-validation.md report.
InNoobWeTrustAutomates AI-generated UI integration into React/Next.js codebases with design constraints and QA checklists.
ExpeditoJAutomate UX/UI design tasks from research to quality assurance.
