blessed-widget-generator

Solid

Generate blessed widgets for Node.js terminal UIs with boxes, lists, forms, and dashboard layouts.

AI & Automation 1,160 stars 71 forks Updated today MIT

Install

View on GitHub

Quality Score: 96/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Blessed Widget Generator Generate blessed widgets for Node.js terminal UIs. ## Capabilities - Generate blessed widget definitions - Create dashboard layouts - Set up interactive forms - Implement custom components - Configure styling and borders - Create event handling patterns ## Usage Invoke this skill when you need to: - Build terminal dashboards with Node.js - Create complex TUI layouts - Implement monitoring interfaces - Set up blessed project structure ## Inputs | Parameter | Type | Required | Description | |-----------|------|----------|-------------| | projectName | string | Yes | Project name | | layout | string | No | Layout type (dashboard, form, list) | | widgets | array | No | Widget definitions | ## Generated Patterns ### Dashboard Layout ```javascript const blessed = require('blessed'); const contrib = require('blessed-contrib'); // Create screen const screen = blessed.screen({ smartCSR: true, title: 'System Dashboard', }); // Create grid layout const grid = new contrib.grid({ rows: 12, cols: 12, screen: screen, }); // CPU Line Chart const cpuLine = grid.set(0, 0, 4, 6, contrib.line, { style: { line: 'yellow', text: 'green', baseline: 'black' }, xLabelPadding: 3, xPadding: 5, showLegend: true, label: 'CPU Usage', }); // Memory Gauge const memGauge = grid.set(0, 6, 4, 6, contrib.gauge, { label: 'Memory Usage', stroke: 'green', fill: 'white', }); // Log Box const logBox = grid.set(4, 0, 4, 12, contrib.log, { fg: 'green...

Details

Author
a5c-ai
Repository
a5c-ai/babysitter
Created
4 months ago
Last Updated
today
Language
JavaScript
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

widgets-ui

"Declarative UI widgets from JSON for React/Next.js from ui.inference.sh. Render rich interactive UIs from structured agent responses. Capabilities: forms, buttons, cards, layouts, inputs, selects, checkboxes. Use for: agent-generated UIs, dynamic forms, data display, interactive cards. Triggers: widgets, declarative ui, json ui, widget renderer, agent widgets," dynamic ui, form widgets, card widgets, shadcn widgets, structured output ui

335 Updated today
aiskillstore
Web & Frontend Listed

creating-dashboards

Creates comprehensive dashboard and analytics interfaces that combine data visualization, KPI cards, real-time updates, and interactive layouts. Use this skill when building business intelligence dashboards, monitoring systems, executive reports, or any interface that requires multiple coordinated data displays with filters, metrics, and visualizations working together.

368 Updated 5 months ago
ancoleman
AI & Automation Solid

makepad-widgets

Version: makepad-widgets (dev branch) | Last Updated: 2026-01-19 > > Check for updates: https://crates.io/crates/makepad-widgets

39,350 Updated today
sickn33
AI & Automation Listed

building-chat-widgets

Build interactive AI chat widgets with buttons, forms, and bidirectional actions. Use when creating agentic UIs with clickable widgets, entity tagging (@mentions), composer tools, or server-handled widget actions. Covers full widget lifecycle. NOT when building simple text-only chat without interactive elements.

335 Updated today
aiskillstore
AI & Automation Featured

magic-ui-generator

Utilizes Magic by 21st.dev to generate, compare, and integrate multiple production-ready UI component variations.

39,350 Updated today
sickn33