skills.rest
arthun01
arthun01COMMUNITY
Explore all skills by this author →
GitHub

paper-to-rails

Convert Paper designs into Rails ERB, partials, helpers, layouts, and i18n files.

Updated Jun 9, 2026
Search Tags:#code generation#rails#design to code#hotwire#paper design
One-click install
npx skills add https://github.com/arthun01/achados-uesc --skill paper-to-rails
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: paper-to-rails
Source: https://github.com/arthun01/achados-uesc/tree/main/.opencode/skills/paper-to-rails
Command: npx skills add https://github.com/arthun01/achados-uesc --skill paper-to-rails

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires paper-mcp, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the conversion of Paper designs into Rails code, streamlining the development process and reducing manual effort.

Core Features & Use Cases

  • Design to Code Conversion: Converts Paper designs into ERB views, partials, helpers, layouts, and i18n files.
  • Paper MCP Integration: Utilizes Paper MCP to read design information and generate code.
  • Tailwind CSS and Hotwire Support: Generates code compatible with Tailwind CSS and Hotwire for modern Rails applications.

Quick Start

Use the paper-to-rails skill to convert the design of the 'orders / Lista de Pedidos' artboard into Rails code.

Frequently Asked Questions about paper-to-rails

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert Paper designs to Rails code automatically?▼

Yes, the generated Rails code is fully compatible with Tailwind CSS v4 and Hotwire, ensuring the converted Paper designs align with modern Rails 8.1+ application conventions.

Do I need the Paper Desktop app to generate Rails views from my designs?▼

Yes, you need the Paper Desktop app and MCP Paper setup configured, because the Skill relies on the Paper MCP dependency to read and retrieve the necessary design information for code generation.

Can I convert a specific artboard from Paper into Rails partials and helpers?▼

Yes, you can target a specific artboard like 'Lista de Pedidos' to convert into Rails code, generating corresponding ERB views, partials, helpers, layouts, and i18n files tailored to that design.

What is the best way to generate i18n files from Paper designs for a Rails application?▼

The best way to generate i18n files from Paper designs is using this Skill, which reads design metadata via Paper MCP and automatically produces Rails-compatible localization files alongside ERB views and helpers.

What are the limitations of using Paper MCP for Rails code generation?▼

Limitations include strict dependencies on the Paper Desktop app, MCP Paper setup, Rails 8.1+, and Tailwind CSS v4, meaning it cannot process designs from other tools or older Rails versions.

Related Skills

Explore More Software Engineering Skills→
arthun01arthun01

mcp-paper

Document 20 MCP Paper tools for design inspection, artboard creation, node manipulation, and file export via Paper Desktop and MCP server.

Community
Advanced
arthun01arthun01

rails-components

Create reusable Rails UI components with ERB templates and class-based helpers.

Community
Intermediate
nschneblenschneble

tailwind-agent

Style Rails ERB views and ViewComponents with Tailwind CSS utility classes.

Community
Intermediate
arthun01arthun01

design-in-paper

Create UI designs in Paper from PRDs and generate Rails-ready artboards.

Community
Advanced