skills.rest
ryantsai
ryantsaiCOMMUNITY
Explore all skills by this author →
GitHub

dashboard-widget-designer

Improves KKTerm dashboard widget visuals and layout hierarchy for readability.

434|54|Updated May 1, 2026
Search Tags:#design#layout#dashboard#widget#ux#critique#visual-design
One-click install
npx skills add https://github.com/ryantsai/KKTerm --skill dashboard-widget-designer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dashboard-widget-designer
Source: https://github.com/ryantsai/KKTerm/tree/main/assistant-skills/dashboard-widget-designer
Command: npx skills add https://github.com/ryantsai/KKTerm --skill dashboard-widget-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

KKTerm dashboards often suffer from inconsistent widget visuals and cluttered layouts. This skill provides a disciplined design process to produce clear, compact, and usable widgets that align with KKTerm's dashboard constraints.

Core Features & Use Cases

  • Establish a compact visual direction for widgets (monitor, launcher, timeline, status panel) to improve readability.
  • Preserve the host widget frame while applying a minimal design system to reduce chrome and emphasize data.
  • Provide a critique-driven redesign workflow that translates to production-ready widget variants.

Quick Start

Provide a redesigned dashboard widget layout for the current widget that improves hierarchy and readability.

Frequently Asked Questions about dashboard-widget-designer

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

FAQPage Schema
How do I improve KKterm dashboard widget layout hierarchy and readability?▼

Apply a critique-driven redesign workflow to KKterm dashboard widgets to establish a compact visual direction, reduce chrome, and emphasize data for improved layout hierarchy and readability.

What is the best way to fix inconsistent visuals across monitor and status panel widgets?▼

Fix inconsistent dashboard widget visuals by enforcing artifact role clarity and applying a minimal compact design system to monitor, launcher, chart, and status panel roles.

Can I use a minimal design system to redesign widgets without breaking the KKterm sandbox?▼

Yes, the redesign workflow preserves the host widget frame and ensures the polished layout output remains completely runnable inside the KKterm sandbox environment.

How does the critique-driven workflow polish dashboard widget designs?▼

The critique-driven workflow polishes dashboard widgets by applying a pre-delivery critique step that evaluates visual hierarchy and consistency to produce production-ready widget variants.

Do I need to modify the host widget frame when applying a compact design system?▼

No, you do not need to modify the host widget frame; the compact design system is applied within the existing frame to reduce chrome and emphasize data clarity.

Related Skills

Explore More Design & Creative Skills→
ryantsairyantsai
434

dashboard-widget-builder

Create, repair, and redesign KKTerm Dashboard widgets with script widgets and live data.

Community
Advanced
ryantsairyantsai
434

dashboard-data-visualization

Create dashboard widgets visualizing metrics, health, and trends for KKTerm.

Community
Advanced
SantiagoisperSantiagoisper

connect-chrome

Connect Codex to a Chrome window for real-time monitoring and control.

Community
Intermediate
legoutlegout
3

improving-streamlit-design

Standardize visual design elements in Streamlit applications using Material icons and layout configuration.

Community
Basic