skills.rest
ECFN15
ECFN15COMMUNITY
Explore all skills by this author →
GitHub

Premium Dashboard UI/UX Architect

Implement dark mode UI/UX design rules for SaaS dashboards with SVG charts.

Updated Mar 19, 2026
Search Tags:#dark mode#ui/ux design#custom components#SVG charts#saaS dashboard
One-click install
npx skills add https://github.com/ECFN15/Tous-Table --skill premium-dashboard-ui-ux-architect
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Premium Dashboard UI/UX Architect
Source: https://github.com/ECFN15/Tous-Table/tree/main/.agent/skills/dashboard_premium
Command: npx skills add https://github.com/ECFN15/Tous-Table --skill premium-dashboard-ui-ux-architect

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines the creation of ultra-premium Dark Mode SaaS dashboards, providing a standardized UI/UX framework to ensure a consistent, high-end look and feel across all widgets.

Core Features & Use Cases

  • Dark Mode Tokens: Implements strict dark mode color palettes, typography, and component design for high contrast and usability.
  • Custom Component Design: Delivers custom SVG charts, interactive pills, and minimalistic UI elements tailored to premium SaaS dashboards.
  • Layout and Grids: Offers a "Bento Grid" asymmetrical layout, ensuring a premium and clean interface.
  • Use Case: Design or reproduce dashboards for SaaS applications like Celoci Inc., ensuring a consistent premium user experience.

Quick Start

Create a new widget dashboard with a 'Create Widget Dashboard' command.

Frequently Asked Questions about Premium Dashboard UI/UX Architect

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

FAQPage Schema
How do I create an ultra-premium dark mode SaaS dashboard?▼

To create an ultra-premium dark mode SaaS dashboard, this framework applies strict color palettes, typography rules, and custom UI components to ensure a consistent, high-end look across all widgets.

What is a Bento Grid layout and how does it work for SaaS dashboards?▼

A Bento Grid layout is an asymmetrical grid structure used in SaaS dashboards to organize widgets cleanly. It provides a premium, minimalist interface by arranging custom components and interactive elements efficiently.

How do I add custom SVG charts to my SaaS dashboard?▼

You can add custom SVG charts to your SaaS dashboard using the provided custom component design system. It delivers tailored SVG visualizations and interactive pills specifically built for premium dark mode interfaces.

Can I use this UI/UX framework to reproduce an existing SaaS dashboard design?▼

Yes, you can reproduce existing SaaS dashboard designs by applying this standardized UI/UX framework. It ensures consistent premium user experience by enforcing strict dark mode tokens and component rules.

What's the best way to start building a widget dashboard with dark mode tokens?▼

The best way to start building a widget dashboard is to use the 'Create Widget Dashboard' command. This initiates the framework to apply strict dark mode color palettes and asymmetrical Bento Grid layouts automatically.

Does this dashboard UI/UX framework support light mode or only dark mode?▼

This dashboard UI/UX framework is strictly designed for ultra-premium dark mode SaaS dashboards. It implements specific dark mode color palettes and high-contrast typography rules, without light mode support.

Related Skills

Explore More Design & Creative Skills→
concept2cureconcept2cure

frontend-design

Coordinate frontend UI design with Claude principles and registry-based components.

Community
Advanced
arqel-devarqel-dev
2

arqel-dev/widgets

Develop server-driven dashboard widgets with ready-to-render payloads for React frontends.

Official
Advanced
TwuanMinnTwuanMinn

d3-viz

Bind data to DOM elements to create interactive D3.js visualizations.

Community
Advanced
Lyiu-10Lyiu-10

minimalist-ui

Generate minimalist editorial web interfaces with typographic hierarchies and bento grids.

Community
Advanced