How does this skill avoid generic AI design templates?

It implements a mandatory 'Domain Exploration' phase that identifies unique product signatures and color worlds, ensuring every choice is a conscious design decision rather than a default pattern.

Does it support both light and dark modes?

Yes, it uses a systemic 'Subtle Layering' approach where surface elevation is managed via slight lightness shifts, ensuring structural consistency in both light and dark themes.

Can I use this skill for marketing landing pages?

No, this skill is specifically optimized for functional interfaces like dashboards and apps. For marketing sites or promotional campaigns, you should use the /frontend-design skill.

What kind of code does this skill generate?

It generates production-grade frontend code (such as React, Tailwind, or CSS variables) that adheres to specific design tokens and architectural constraints defined during the intent phase.

Interface Design

Name: Interface Design
Author: telumi-app

bytelumi-app

0•

设计工具

Architects sophisticated, high-utility software interfaces by replacing generic templates with intent-driven design and domain-specific craftsmanship.

The Interface Design skill empowers Claude to move beyond generic AI-generated templates to build distinctive dashboards, admin panels, and SaaS tools. By prioritizing an 'Intent First' approach, it forces an exploration of user psychology, product domain, and unique visual signatures before generating code. This skill excels at creating complex data interfaces and interactive tools using principles like subtle surface layering, meaningful typography, and signature interaction patterns that ensure software feels purpose-built rather than templated.

主要功能

01High-density data presentation optimized for specific user personas and workflows

020 GitHub stars

03Systematic default-trapping to avoid common AI design tropes and 'kitchen-feel' layouts

04Signature element identification to ensure non-generic, identifiable UI components

05Domain-specific design exploration to capture unique product vocabulary and metaphors

06Subtle layering systems for sophisticated surface elevation and visual hierarchy

使用场景

01Refining interactive products that require a unique visual brand and consistent 'craft'

02Developing high-complexity SaaS dashboards and administrative interfaces

03Designing specialized developer tools or data-heavy monitoring systems

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add telumi-app/telumi interface-design

For use in Claude.ai and ChatGPT