tui-web-design-orchestrator

Generate structured design prompt packets for terminal and web UIs from natural-language briefs.

Updated Feb 22, 2026
One-click install
npx skills add https://github.com/rahulrajaram/rahulskills --skill tui-web-design-orchestrator
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tui-web-design-orchestrator
Source: https://github.com/rahulrajaram/rahulskills/tree/main/skills/tui-web-design-orchestrator
Command: npx skills add https://github.com/rahulrajaram/rahulskills --skill tui-web-design-orchestrator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python3, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the process of generating detailed design specifications for both terminal-based (TUI) and web-based user interfaces from simple natural-language descriptions.

Core Features & Use Cases

  • Structured Design Packets: Generates comprehensive design prompts including North Star, audience, IA, component maps, state matrices, and implementation/review prompts.
  • Mode Specialization: Tailors output for specific UI types: web-page, web-app, tui-dashboard, and tui-wizard.
  • Use Case: You need to design a new terminal-based dashboard for monitoring system health. You can provide a brief like "Design a TUI dashboard for SREs to monitor server status and recent alerts," and the Skill will generate a detailed design packet, including keyboard navigation and layout considerations for narrow terminals.

Quick Start

Generate a web app design packet for a release readiness dashboard for engineering managers.

Frequently Asked Questions about tui-web-design-orchestrator

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

FAQPage Schema
How do I generate UI design specifications from a natural language brief?

To generate UI design specifications from a natural language brief, use this Skill to create structured design prompt packets. It translates your text into comprehensive specifications including North Star, audience, information architecture, and component maps for web and terminal interfaces.

Can I design terminal UIs and web interfaces using the same prompt engineering tool?

Yes, you can design terminal UIs and web interfaces using the same prompt engineering tool. It offers specialized modes for web pages, web apps, TUI dashboards, and TUI wizards, tailoring layout and keyboard navigation specifications for each environment.

What is a design prompt packet and how does it help structure UI development?

A design prompt packet is a structured set of UI specifications generated from your brief. It defines the North Star, component maps, state matrices, and accessibility requirements, providing a clear blueprint to guide terminal UI and web interface implementation and review.

How to create a TUI dashboard design layout for narrow terminals?

To create a TUI dashboard design layout for narrow terminals, input your SRE monitoring brief and select the TUI dashboard mode. The Skill outputs a specialized design packet detailing keyboard navigation and layout constraints optimized for terminal environments.

Does the UI design orchestrator require Python to generate design system specifications?

Yes, the UI design orchestrator requires Python 3 to run its scripts and generate design system specifications. Ensure the Python 3 environment is set up before executing the tool to process your natural language UI briefs.

What is the best way to structure accessibility and state matrices for a web app design?

The best way to structure accessibility and state matrices for a web app design is to use the web-app mode. It automatically generates these specifications within the design packet, ensuring all component states and accessibility standards are mapped for implementation.