technical-ui

What problem does it solve?

This Skill simplifies the creation of complex, functional, and reliable technical UIs like SaaS workstations, dashboards, consoles, and control surfaces, streamlining the design and development process.

Core Features & Use Cases

• Design Plan Guidance: Provides structured templates to create a detailed design plan before development begins.
• System Contract Definitions: Defines clear rules for color, type, spacing, and more, ensuring consistency across UI elements.
• Core Directive & Non-Negotiable Principles: Outlines key guidelines to follow when designing for efficiency and clarity.
• Signature System & Archetype Packs: Offers pre-defined visual languages for various use cases, from workstations to engineering labs.
• Semantic Token Packs: Supplies customizable color palettes and typefaces for easy integration into any project.

Quick Start

Use the technical-ui skill to design a new dashboard with the following components: navigation, filters, tables, command inputs, inspectors, logs, and panels.