ui-ux-specs

Define UI and UX specifications for the Media Echo Romania platform.

Updated Mar 9, 2026
One-click install
npx skills add https://github.com/nagy-ag/MediaEchoRomania --skill ui-ux-specs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-specs
Source: https://github.com/nagy-ag/MediaEchoRomania/tree/main/.agents/skills/ui-ux-specs
Command: npx skills add https://github.com/nagy-ag/MediaEchoRomania --skill ui-ux-specs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides comprehensive UI and UX specifications to ensure the Media Echo Romania platform is intuitive, efficient, and tailored for analyst-first dashboarding.

Core Features & Use Cases

  • Dashboard Design Guidance: Offers principles for creating dense, explorable, and comparison-first dashboards.
  • Workflow Optimization: Defines navigation, filters, and data presentation rules for analyst workflows.
  • Use Case: When designing a new "Event Universe" page, consult this Skill for guidance on layout, data visualization types (timelines, matrices, networks), and the expected user interactions like drilldowns into detail drawers.

Quick Start

Use the ui-ux-specs skill to guide the design of the new 'Morning Brief' page, ensuring it adheres to the specified analyst-first dashboard style and data-serving model.

Frequently Asked Questions about ui-ux-specs

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

FAQPage Schema
What are the UI UX specifications for an analyst-focused dashboard?

UI UX specifications for analyst dashboards define design principles for dense, explorable, comparison-first interfaces. They establish global shell structure, data presentation rules, and table interactions to ensure an efficient, data-driven analyst workflow.

How do I design a media intelligence dashboard for data exploration?

To design a media intelligence dashboard, apply analyst-first design principles that prioritize data density and exploration. Use defined visual language rules to structure timelines, matrices, and networks for clear data visualization and drilldowns.

What is the best way to structure navigation and filters for analyst workflows?

The best way to structure navigation and filters for analyst workflows is to follow UX rules that optimize data presentation. Specifications dictate how to implement global shell structure and table interactions for efficient, comparison-first data retrieval.

How should empty states and accessibility be handled in a data-driven interface?

Empty states and accessibility in a data-driven interface should be handled using defined visual language rules. Specifications ensure consistent, accessible handling of missing data and detail drawers, maintaining an intuitive analyst-focused experience.

Does this UI UX specification cover historical data presentation and interactions?

Yes, this UI UX specification covers historical data presentation. It defines historical UX requirements, expected core page layouts, and specific user interactions like drilldowns into detail drawers for comprehensive data exploration.

Can I use these design principles for an Event Universe or Morning Brief page?

Yes, you can use these design principles for an Event Universe or Morning Brief page. The specifications provide layout guidance, data visualization types, and data-serving models tailored for analyst-first dashboarding workflows.