Do I need a specific browser installed?

Yes, it uses Chrome with the Claude-in-Chrome extension for live UI verification and a headless Playwright environment for capturing screenshots.

Does this skill start my Docker containers?

No, it requires NiFi and Keycloak to be already running. It will check the status and prompt you to run a deployment command if they are not healthy.

Can I capture screenshots without updating text?

Yes, you can use the command '/update-guide-screenshots screenshots' to run only the Playwright capture process.

How does it handle different UI languages?

The skill forces the browser locale to en-US to ensure that all documentation screenshots remain consistent and in English regardless of the host system language.

What documentation formats does it support?

It is specifically designed to update AsciiDoc (.adoc) files and associated PNG screenshots within the nifi-extensions repository structure.

NiFi UI Guide & Screenshot Sync

Name: NiFi UI Guide & Screenshot Sync
Author: cuioss

bycuioss

•

콘텐츠 관리

Synchronizes Apache NiFi documentation with live custom UI states by automating screenshots and content updates.

The NiFi UI Guide & Screenshot Sync skill automates the maintenance of technical documentation for NiFi extensions. It uses Chrome and Playwright to verify custom UI tabs for JWT and Gateway processors, captures high-resolution screenshots with consistent formatting, and intelligently updates AsciiDoc guides. This ensures that QuickStart and Configuration guides remain visually and textually accurate as the software evolves, reducing the manual overhead of documentation audits and UI testing.

주요 기능

01Specific support for JWT Auth and REST API Gateway custom UIs

02Headless screenshot capture using Playwright for consistent visual assets

03Multi-mode execution for verification, screenshots, or full doc updates

04Dynamic documentation updates for AsciiDoc (.adoc) files

05Automated UI verification via Chrome browser automation

063 GitHub stars

사용 사례

01Automating the generation of fresh visual assets for NiFi extension releases

02Auditing existing documentation to identify discrepancies with the live software

03Updating technical guides after UI redesigns or new feature additions

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add cuioss/nifi-extensions update-guide-screenshots

For use in Claude.ai and ChatGPT

주요 기능

01Specific support for JWT Auth and REST API Gateway custom UIs

02Headless screenshot capture using Playwright for consistent visual assets

03Multi-mode execution for verification, screenshots, or full doc updates

04Dynamic documentation updates for AsciiDoc (.adoc) files

05Automated UI verification via Chrome browser automation

063 GitHub stars

사용 사례

01Automating the generation of fresh visual assets for NiFi extension releases

02Auditing existing documentation to identify discrepancies with the live software

03Updating technical guides after UI redesigns or new feature additions

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add cuioss/nifi-extensions update-guide-screenshots

For use in Claude.ai and ChatGPT