KyaniteLabs

Designsystem — Design skill for Claude Code

Design community

Turn a vague frontend brief into a build-ready design direction.

How to install Designsystem

Installs to ~/.claude/skills/kyanitelabs-tastecheck-designsystem/SKILL.md

Terminal
mkdir -p ~/.claude/skills/kyanitelabs-tastecheck-designsystem && curl -fsSL https://raw.githubusercontent.com/KyaniteLabs/tastecheck/HEAD/commands/designsystem.md -o ~/.claude/skills/kyanitelabs-tastecheck-designsystem/SKILL.md

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

What Designsystem does

description: Turn a vague frontend brief into a build-ready design direction argument-hint: "[what you're building, optional]"

Load and apply the **design-system-interview** skill (`~/.agents/skills/design-system-interview/SKILL.md`).

Inspect the brief and existing evidence, recommend a concrete direction, then ask only the questions that would materially change the build. Reflect each decision as it lands. Finish with the one-line direction, `DESIGN-SYSTEM.md`, explicit refusals, sema

Alternatives in Design

  • Figma Implement Design — Translate Figma designs into production-ready code with pixel-perfect accuracy 14.6k ★
  • Pack — Bundle every designlang output (DTCG tokens, Tailwind, shadcn, Figma vars, motion, anatomy, Storybook, prompts 3.6k ★
  • Design Dna — Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visu 624 ★

Full documentation available on GitHub

View Source Repository

Related Skills

Design Taste Frontend — Design skill for Claude Code

Design Taste Frontend

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the r

Design community
Brief To Tasks — Design skill for Claude Code

Brief To Tasks

You are breaking a design brief into executable work. Vague tasks produce vague output. Every task here must b

Design community
Draft Design Brief — Design skill for Claude Code

Draft Design Brief

Draft the consolidated design brief (PRD + FRD) for a product, incorporating the user's picked visual directio

Design community
God Design — Design skill for Claude Code

God Design

Design anything with the God of Design workflow (brief → direction → system → build → critique)

Design community
UI UX Taste Skill — Design skill for Claude Code

UI UX Taste Skill

Agent skill that discovers a user's UI taste through real reference moodboards instead of vague adjectives lik

Design community
Figure Bake — Design skill for Claude Code

Figure Bake

Drive one figure from design brief to manuscript-ready PDF + outline PNG. Three-agent loop (@figure-descriptor

Design community

Related Agents

Frontend Page Designer — Design agent for Claude Code

Frontend Page Designer

Turn decomposed product requirements into high-quality page/UI design specs with premium, context-aware, de-ge

Design community
Grimorio.Po — Development agent for Claude Code

Grimorio.Po

Raise to turn a vague request into a structured brief: stories, acceptance criteria, states, out-of-scope. The

Development community
Brief Auditor — Design agent for Claude Code

Brief Auditor

Advisory critic that grades .design/BRIEF.md against five brief anti-patterns (vague verbs, missing audience,

Design community