How do I define the fields for the prototype?

You provide a simple Markdown table with columns for '字段描述' (Label), '展示类型' (Type), and optional columns for mandatory status and default values.

What SAP field types does this skill support?

The skill currently supports Input fields, Radio-Buttons, Check-Boxes, and the SAP-specific Select-option (range selection) field types.

What is the output format of the prototype?

The skill generates a high-quality PNG image file that can be easily embedded into documents, presentations, or shared with stakeholders.

Does this require a live SAP connection?

No, this is a design tool that generates visual prototypes locally using Python and Playwright; no connection to an actual SAP landscape is required.

SAP UI Prototype Generator

Name: SAP UI Prototype Generator
Author: nerver111

bynerver111

0•

设计工具

Generates high-fidelity SAP-style interface prototypes and form mockups directly from Markdown table definitions.

The SAP UI Prototype Generator is a specialized tool designed for enterprise developers and functional consultants to bridge the gap between text-based requirements and visual design. By parsing standard Markdown tables, the skill automatically generates polished PNG images that replicate the classic SAP user interface, including support for mandatory indicators and specific field types like Select-options. This skill is particularly useful during the requirement gathering phase, allowing teams to visualize SAP forms and input screens instantly for functional specifications, user stories, or documentation without needing access to a live SAP system or complex design software.

主要功能

01Converts Markdown tables into professional SAP-style UI screenshots

02Streamlines the creation of visual mockups for functional specification documents

030 GitHub stars

04Supports core SAP field types including Input, Radio-Button, Check-Box, and Select-option

05Automatically renders mandatory field markers and default values

06Uses Playwright for high-quality, pixel-perfect HTML-to-image rendering

使用场景

01Generating consistent UI screenshots for SAP user training manuals and guides

02Rapidly prototyping SAP input screens during client requirement workshops

03Creating visual UI mockups for SAP functional specification (FSD) documentation

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nerver111/git-skill-test generate-sap-prototype

For use in Claude.ai and ChatGPT

主要功能

01Converts Markdown tables into professional SAP-style UI screenshots

02Streamlines the creation of visual mockups for functional specification documents

030 GitHub stars

04Supports core SAP field types including Input, Radio-Button, Check-Box, and Select-option

05Automatically renders mandatory field markers and default values

06Uses Playwright for high-quality, pixel-perfect HTML-to-image rendering

使用场景

01Generating consistent UI screenshots for SAP user training manuals and guides

02Rapidly prototyping SAP input screens during client requirement workshops

03Creating visual UI mockups for SAP functional specification (FSD) documentation