skills.rest
marinehdk
marinehdkCOMMUNITY
Explore all skills by this author →
GitHub

ui-manual-generator

Generate bilingual front-end operation manuals with UI screenshots from codebases.

Updated Aug 23, 2026
Search Tags:#documentation#screenshots#react#bilingual#ux-analysis#frontend-review#ui-manual
One-click install
npx skills add https://github.com/marinehdk/sango-mate-vro --skill ui-manual-generator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-manual-generator
Source: https://github.com/marinehdk/sango-mate-vro/tree/main/.claude/skills/ui-manual-generator
Command: npx skills add https://github.com/marinehdk/sango-mate-vro --skill ui-manual-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generating bilingual front-end operation manuals with UI screenshots and conducting professional frontend reviews often requires manual effort and cross-disciplinary coordination.

Core Features & Use Cases

  • Bilingual Documentation: produce Chinese/English UI manuals with visuals.
  • Frontend Review: perform expert analysis of business logic, UX, and code quality.
  • Screenshot Capture: include UI captures to illustrate flows.

Quick Start

Provide your frontend codebase and run the generator to produce bilingual manuals and a review report.

Frequently Asked Questions about ui-manual-generator

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

FAQPage Schema
How do I generate bilingual UI manuals with React frontend screenshots?▼

You can generate bilingual UI manuals with React frontend screenshots by providing your frontend codebase to an automated generator, which parses the code, captures UI screenshots, and produces Chinese/English documentation.

Can I automate frontend review and UX analysis for modern web apps?▼

Yes, you can automate frontend review and UX analysis for modern web apps by running a generator that performs expert analysis of business logic, UX, and code quality alongside PRD document alignment.

What is the best way to produce Chinese/English documentation for PRD-driven UI projects?▼

The best way to produce Chinese/English documentation for PRD-driven UI projects is to use an automated tool that aligns with PRD documents, parses frontend code, and outputs bilingual manuals with visual UI captures.

Does the bilingual UI manual generator work without external dependencies?▼

Yes, the bilingual UI manual generator works without external dependencies, allowing you to directly provide your frontend codebase and run the generator to produce manuals and review reports.

How do I include UI screenshots in a front-end operation manual?▼

To include UI screenshots in a front-end operation manual, an automated generator captures UI visuals directly from your frontend codebase to illustrate user flows and component analysis within the bilingual documentation.

When do I need to align frontend code with design references for UX reviews?▼

You need to align frontend code with design references for UX reviews when conducting professional frontend analysis across modern web apps, ensuring the generated bilingual manuals accurately reflect the intended PRD-driven UI project flows.

Related Skills

Explore More Design & Creative Skills→
denisvmediadenisvmedia
4

screenshot-review

Capture and review PNG screenshots of the Inventario React frontend to detect UI regressions.

Community
Intermediate
AradotsoAradotso
11

pentestify-security-report-generator

Generate structured penetration testing reports with bilingual PDF export.

Official
Advanced
9thLevelSoftware9thLevelSoftware
1

review-evaluators

Run multi-pass code and UI/UX evaluations with Python scripts.

Community
Advanced
takusaotometakusaotome
5

operations-manual-creator

Create structured operations manuals with STEP procedures and ANSI Z535 notes.

Community
Advanced