skills.rest
nobodyher
nobodyherCOMMUNITY
Explore all skills by this author →
GitHub

interface-design

Create domain-driven interface designs for dashboards and admin tools.

Updated Aug 27, 2026
Search Tags:#typography#design#dashboards#ux#interface#admin#color-system
One-click install
npx skills add https://github.com/nobodyher/Original_App_Test --skill interface-design-nobodyher
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: interface-design
Source: https://github.com/nobodyher/Original_App_Test/tree/main/.cursor/skills/interface-design
Command: npx skills add https://github.com/nobodyher/Original_App_Test --skill interface-design-nobodyher

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill provides a structured approach to craft interface design—dashboards, admin panels, apps, tools, and interactive products—by treating design as a systemic craft rather than a collection of visuals. It helps teams move from default templates to intentional, coherent interfaces that support users’ workflows.

Core Features & Use Cases

  • Domain-driven exploration to name concepts, metaphors, and vocabulary that ground the design.
  • Creation and maintenance of a design system that maps tokens to real-world surfaces, typography, spacing, and components.
  • End-to-end guidance for building dashboards and admin tools, including navigation, data presentation, and interaction patterns.
  • Reusable governance through a living system.md that captures patterns, decisions, and variations for consistent reuse.

Quick Start

Survey your product domain and draft a coherent interface plan using the craft principles to guide layout, typography, and color decisions.

Frequently Asked Questions about interface-design

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

FAQPage Schema
How do I design consistent dashboards and admin tools without relying on default templates?▼

Design consistent dashboards by applying a domain-driven approach that treats interface design as a systemic craft, mapping typography, spacing, and color tokens to real-world surfaces to support user workflows.

What is domain-driven interface design for enterprise apps?▼

Domain-driven interface design is a structured method that names concepts, metaphors, and vocabulary to ground enterprise app layouts, turning craft doctrine into repeatable patterns for coherent interactive products.

How do I create a reusable design system for multiple screens and data visualizations?▼

Create a reusable design system by capturing patterns, decisions, and variations in a living system.md file, mapping tokens to components, navigation, and data presentation across multiple screens.

Can I use this approach to establish a color system and typography rules for my admin panel?▼

Yes, this approach establishes a color world and typography defaults for admin panels by defining intentional design tokens that ensure coherent data presentation and interaction flows across the interface.

Does building an interface design system this way require a specific framework?▼

No, this interface design system requires no specific framework dependencies, relying instead on a design-system mindset to document domain, color, signature, and defaults in a reusable format.

Why does my enterprise dashboard interface look disconnected across different screens?▼

Enterprise dashboard interfaces look disconnected when lacking a systemic craft approach, which this method solves by establishing deliberate interaction patterns and reusable defaults mapped across all visualizations.

Related Skills

Explore More Design & Creative Skills→
codesour-designcodesour-design

layers-conceptual-model

Model product objects, relationships, states, and vocabulary before interface design.

Community
Advanced
marcioaltoemarcioaltoe
14

gesttione-design-system

Applies Gesttione brand colors, typography, and metric tokens to UI components.

Community
Intermediate
HemanthTennetiHemanthTenneti

normalize

Normalize frontend UI components to match design system standards and tokens.

Community
Intermediate
liamtran96liamtran96

shadcn-ui

Implement shadcn/ui components in React projects with Tailwind and Radix.

Community
Intermediate