Does this skill support keyboard navigation?

Yes, it is designed to preserve existing keyboard flows such as Enter for confirmation, Esc for cancellation, and Shift+Tab for navigation.

What is the primary purpose of the formax-approval-ui-workflow skill?

It provides a standardized guide for developers to modify or add approval prompts within the Formax CLI, ensuring visual consistency and high performance.

Can I use this to change the color theme of the interface?

Yes, the skill identifies theme.ts as the central file for managing permission, text, and diff colors to ensure UI alignment.

Which components are managed by this skill?

It covers shared UI elements like ApprovalHeader and ConfirmMenu, as well as specific tool prompts for Bash execution, file operations, and custom skills.

How does this skill handle performance in the terminal?

It enforces strict rules against synchronous I/O in render paths and applies hard caps on diff algorithms to prevent UI hangs or Out-of-Memory errors.

Formax Approval UI Workflow

Name: Formax Approval UI Workflow
Author: yusifeng

byyusifeng

•

154

•

Design Tools

Standardizes terminal-based approval prompts and preview components to ensure visual consistency and high-performance UI rendering.

This skill provides a specialized workflow for maintaining and updating the approval user interface within the Formax terminal-first AI assistant. It ensures that all tool permissions—such as file reads, writes, and shell command execution—follow a consistent visual pattern, maintain accessible keyboard navigation, and utilize performance-optimized diff rendering. By enforcing guardrails against synchronous I/O and quadratic diff complexity, the skill helps developers build responsive and reliable terminal interfaces that align with established design patterns while preventing UI regressions.

Key Features

01Provides clear mappings for theme-driven styling of headers, dividers, and diff colors.

02Optimizes preview rendering performance by preventing blocking I/O operations.

03Enforces consistent terminal-based layout patterns for tool approval prompts.

04154 GitHub stars

05Implements diff safety guards to prevent memory issues with large file changes.

06Maintains accessibility through standardized keyboard flows including Enter and Esc.

Use Cases

01Adding a new tool that requires user permission before execution.

02Debugging performance bottlenecks in tool approval rendering paths.

03Refining the visual style of file diffs in the terminal interface.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add yusifeng/formax formax-approval-ui-workflow

For use in Claude.ai and ChatGPT

Key Features

01Provides clear mappings for theme-driven styling of headers, dividers, and diff colors.

02Optimizes preview rendering performance by preventing blocking I/O operations.

03Enforces consistent terminal-based layout patterns for tool approval prompts.

04154 GitHub stars

05Implements diff safety guards to prevent memory issues with large file changes.

06Maintains accessibility through standardized keyboard flows including Enter and Esc.

Use Cases

01Adding a new tool that requires user permission before execution.

02Debugging performance bottlenecks in tool approval rendering paths.

03Refining the visual style of file diffs in the terminal interface.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add yusifeng/formax formax-approval-ui-workflow

For use in Claude.ai and ChatGPT