skills.rest
TrebuchetDynamics
TrebuchetDynamicsOFFICIAL
Explore all skills by this author →
WebsiteGitHub

dashboard-image-design

Identify dashboard UI gaps and propose concrete fixes including layout, typography, color, accessibility, and annotations.

9|Updated Apr 19, 2026
Search Tags:#accessibility#design-guidelines#visual-critique#dashboard-design#ui-mockups#image-design
One-click install
npx skills add https://github.com/TrebuchetDynamics/gormes-agent --skill dashboard-image-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dashboard-image-design
Source: https://github.com/TrebuchetDynamics/gormes-agent/tree/main/development-skills/dashboard-image-design
Command: npx skills add https://github.com/TrebuchetDynamics/gormes-agent --skill dashboard-image-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill helps designers and operators critique and polish dashboard visuals without overpromising product capabilities, ensuring clear, trustworthy UI representations.

Core Features & Use Cases

  • Critique, crop, annotate, and redesign dashboard screenshots
  • Create social cards, hero images, and README visuals that depict a dashboard
  • Provide accessibility-conscious guidance on contrast, typography, and layout

Quick Start

Describe a dashboard image you want improved and specify constraints.

Frequently Asked Questions about dashboard-image-design

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

FAQPage Schema
How do I critique a dashboard screenshot to identify design gaps?▼

To critique a dashboard screenshot, the skill analyzes crop, layout, typography, color, and annotations to identify visual design gaps. It then proposes concrete improvements and outputs a ready-to-implement design plan with checklists and acceptance criteria.

What is the best way to turn dashboard mockups into actionable design specs?▼

Turning dashboard mockups into design specs involves applying explicit constraints and accessibility guidelines to the visual. The skill generates a ready-to-implement plan with checklists and acceptance criteria, ensuring clear and trustworthy UI representations.

How do I improve accessibility and contrast in my dashboard UI mockups?▼

To improve accessibility in dashboard UI mockups, the skill provides accessibility-conscious guidance on contrast, typography, and layout. It evaluates the visual against design guidelines to ensure the interface is accessible.

Can I use this skill to create social cards or README visuals from a live dashboard?▼

Yes, you can create social cards, hero images, and README visuals that depict a live dashboard. The skill guides crop, layout, and annotations to polish the dashboard visual without overpromising product capabilities.

Do I need to specify constraints when redesigning a dashboard visual?▼

Yes, you need to describe the dashboard image you want improved and specify explicit constraints. The skill uses these constraints alongside reference assets to generate a ready-to-implement design plan with checklists and acceptance criteria.

Related Skills

Explore More Design & Creative Skills→
nahisahonahisaho
12

ui-ux-designer

Create wireframes, mockups, and interactive prototypes with WCAG 2.1 accessibility.

Community
Advanced
takemi-ohamatakemi-ohama
1

director-project-planning

Generate structured project plans with task breakdowns, timelines, and risk assessments.

Community
Advanced
AngelP17AngelP17
1

tailwind-design-system

Standardize UI design with Tailwind-based design tokens and component patterns.

Community
Advanced
Young-ZYoung-Z
8

x-ipe-task-based-idea-mockup

Generates UI mockups from idea summaries and saves artifacts for review.

Community
Advanced