interface-design

Installation
Summary

Interface design for dashboards, admin panels, and tools that avoids generic defaults through intentional domain exploration and systemic craft.

  • Start with intent exploration: identify the specific human user, their core task, and the emotional quality the interface should convey before touching code
  • Conduct domain exploration to uncover product-specific concepts, color worlds, and signature elements that distinguish the design from templates
  • Apply subtle layering through whisper-quiet surface elevation, border progression, and token architecture that creates hierarchy without harsh visual jumps
  • Build infinite expression by rejecting identical patterns—every interface should emerge from its specific task and context, never look AI-templated
  • Establish systemic intent where every decision (color, spacing, depth, typography) reinforces the stated feel across all components, not just surface-level styling
SKILL.md

Interface Design

Build interface design with craft and consistency.

Scope

Use for: Dashboards, admin panels, SaaS apps, tools, settings pages, data interfaces.

Not for: Landing pages, marketing sites, campaigns. Redirect those to /frontend-design.


The Problem

You will generate generic output. Your training has seen thousands of dashboards. The patterns are strong.

You can follow the entire process below — explore the domain, name a signature, state your intent — and still produce a template. Warm colors on cold structures. Friendly fonts on generic layouts. "Kitchen feel" that looks like every other app.

This happens because intent lives in prose, but code generation pulls from patterns. The gap between them is where defaults win.

Installs
15.7K
GitHub Stars
5.0K
First Seen
Jan 20, 2026
interface-design — dammyjay93/interface-design