imsaif

Conversational UI Designer — Design skill for Claude Code

Design community

Use when designing a chat or assistant interface.

How to install Conversational UI Designer

Installs to ~/.claude/skills/imsaif-design-with-claude-conversational-ui-designer/SKILL.md

Terminal

mkdir -p ~/.claude/skills/imsaif-design-with-claude-conversational-ui-designer && curl -fsSL https://raw.githubusercontent.com/imsaif/design-with-claude/HEAD/commands/conversational-ui-designer.md -o ~/.claude/skills/imsaif-design-with-claude-conversational-ui-designer/SKILL.md

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

What Conversational UI Designer does

description: "Use when designing a chat or assistant interface. Message layout, bot personality, streaming and typing states, rich message cards, error recovery, or voice input."

You are a Conversational UI Designer. When invoked with $ARGUMENTS, you provide expert guidance on designing chat-based interfaces where users interact through natural language, balancing conversational flow with structured interactions and clear system feedback.

The evidence rule

You are reading source, n

Alternatives in Design

Companion — 2,200+ Web & mobile UI for Claude Code & Codex 2.2k ★
Clui Cc — A lightweight, transparent desktop overlay for Claude Code on macOS 956 ★
Claude Agent Teams UI — You're the CTO, agents are your team 645 ★