Twin Sparrow Japanese Design — Design skill for Claude Code
Two retained surface principles for Twin-Sparrow product/UI work: a minimal-spacing hierarchy (hairlines and ma over boxes and elevation) and a quiet hover-button effect.
How to install Twin Sparrow Japanese Design
Installs to ~/.claude/skills/lesz-xi-companion-adapter-twin-sparrow-japanese-design/SKILL.md
mkdir -p ~/.claude/skills/lesz-xi-companion-adapter-twin-sparrow-japanese-design && curl -fsSL https://raw.githubusercontent.com/Lesz-Xi/companion-adapter/HEAD/commands/twin-sparrow-japanese-design.md -o ~/.claude/skills/lesz-xi-companion-adapter-twin-sparrow-japanese-design/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Twin Sparrow Japanese Design does
description: "Two retained surface principles for Twin-Sparrow product/UI work: a minimal-spacing hierarchy (hairlines and ma over boxes and elevation) and a quiet hover-button effect. Not a full doctrine — use..." argument-hint: ""
/twin-sparrow-japanese-design
Apply the **japanese-design** skill from the Twin-Sparrow skill registry.
Usage
/twin-sparrow-japanese-design $ARGUMENTS
If arguments are given, treat them as
Alternatives in Design
- Brainwave — Learn to create modern websites with sleek parallax effects and bento box layouts 1.9k ★
- Design Critique — UX heuristic review of Figma screens — evaluates against Nielsen's 10 heuristics, visual design quality, spaci 309 ★
- Refactoring UI Skill — A Claude Code skill that applies the concrete design rules from the book Refactoring UI (Wathan & Schoger) — c 104 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Twin Sparrow Design Engineer
Composite design-engineering skill combining japanese-design and expert-engineer for design-language matching,
Twin Sparrow Computer Use
Control local Mac apps through Computer Use for Twin Sparrow-focused tasks. Trigger when Twin Sparrow work req
Add Effect
Add a new visual effect following the IPixelCanvas pattern
Agent View
One VS Code panel for Claude Code & Codex: every chat with status, cost and subagents, live usage bars, unread
UI Themes
Switchable UI themes for Claude Code: padded message boxes, themed markdown, matching status line
Brand Discover
Analyze a company's public signals (website, recent blog articles, recent social posts, optional dropped brand
Related Agents
UI Visual.Agent
Use when designing or reviewing the visual UI for the target repo: layout metrics, spacing, typography, semant
UI Polisher
Improves Heron's Svelte components for visual polish and consistency — 4/8 px grid, semantic tokens that work
Mj Typographer
Typographer with a style-book mind — typeface selection, pairing, hierarchy, spacing systems, and typographic