kmshihab7878

Interface Design Init — Design skill for Claude Code

Design community

Build UI with craft and consistency.

How to install Interface Design Init

Installs to ~/.claude/skills/kmshihab7878-claude-code-setup-interface-design-init/SKILL.md

Terminal

mkdir -p ~/.claude/skills/kmshihab7878-claude-code-setup-interface-design-init && curl -fsSL https://raw.githubusercontent.com/kmshihab7878/claude-code-setup/HEAD/commands/interface-design-init.md -o ~/.claude/skills/kmshihab7878-claude-code-setup-interface-design-init/SKILL.md

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

What Interface Design Init does

name: interface-design:init description: Build UI with craft and consistency. For interface design (dashboards, apps, tools) — not marketing sites.

Required Reading — Do This First

Before writing any code, read this file completely:

../skills/interface-design/SKILL.md — the foundation, principles, craft knowledge, and checks

Do not skip this. The craft knowledge is in this file.

**Scope:** Dashboards, apps, tools, admin panels. Not landing pages or marketing sites.

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 ★