harkiratsanand

Interface Design — Design skill for Claude Code

Design community

This skill is for interface design — dashboards, admin panels, apps, tools, and interactive products.

How to install Interface Design

Installs to ~/.claude/skills/harkiratsanand-claude-pm-design-skills-interface-design/SKILL.md

Terminal

mkdir -p ~/.claude/skills/harkiratsanand-claude-pm-design-skills-interface-design && curl -fsSL https://raw.githubusercontent.com/harkiratsanand/claude-pm-design-skills/HEAD/skills/interface-design.md -o ~/.claude/skills/harkiratsanand-claude-pm-design-skills-interface-design/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Interface Design does

name: interface-design description: This skill is for interface design — dashboards, admin panels, apps, tools, and interactive products. NOT for marketing design (landing pages, marketing sites, campaigns).

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

Alternatives in Design

Frontend Design — Create distinctive, production-grade frontend interfaces with high design quality 94.1k ★
Interface Design — Design engineering for Claude Code 4.3k ★
Site — Crawl a whole site and synthesize ONE canonical design system across all pages — unified tokens, coverage map 3.6k ★