interface-design

Create intent-driven design frameworks for consistent dashboards and admin tools.

Updated Jan 29, 2026
One-click install
npx skills add https://github.com/cfardev/kanban-hub --skill interface-design-cfardev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: interface-design
Source: https://github.com/cfardev/kanban-hub/tree/main/.agents/skills/interface-design
Command: npx skills add https://github.com/cfardev/kanban-hub --skill interface-design-cfardev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill provides a structured approach for designing interfaces — dashboards, admin panels, apps, and tools — with craft and consistency, replacing ad-hoc design with a principled system.

Core Features & Use Cases

  • Intent-first design framework for dashboards and SaaS tools.
  • Domain exploration, color token mapping, typography hierarchy, and surface/elevation guidance.
  • Review and critique patterns that help maintain consistency across multiple screens and teams.
  • Use Case: A product designer briefs a new admin panel and iterates from domain vocabulary to a consistent UI system.

Quick Start

Specify the target interface, state the user goal, and begin applying the craft framework to define domain concepts, color world, signature, and defaults.

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 for SaaS interfaces?

To design consistent dashboards for SaaS interfaces, apply an intent-driven framework that enforces a design system with domain language, color tokens, and spacing scales. This replaces ad-hoc design with a principled system for craft and consistency.

What is an intent-driven framework for interface design?

An intent-driven framework for interface design structures product design tasks by stating user goals first, then defining domain concepts, color worlds, and typography hierarchy. It ensures dashboards and settings pages remain user-centered and consistent.

How do I create a design system for admin panels and data panels?

Create a design system for admin panels by mapping domain vocabulary to color tokens, defining a typography hierarchy, and establishing surface and elevation guidance. This provides a structured approach to maintain consistency across multiple screens.

Can I use this framework to critique existing settings page designs?

Yes, you can critique existing settings page designs using the built-in review and craft criteria. The framework provides specific patterns to evaluate and maintain consistency across multiple screens and design teams.

What is the best way to establish typography hierarchy and surface elevation for product design?

The best way to establish typography hierarchy and surface elevation is through a principled craft framework that applies domain exploration and color token mapping. This ensures structured, consistent UI systems for tools and apps.

Does this interface design approach work for building new admin tools from scratch?

Yes, this approach works for building new admin tools from scratch by guiding you from domain vocabulary exploration directly into a consistent UI system. You specify the target interface, state the user goal, and apply the craft framework.