design-interview

Conduct a guided design interview to generate a CSS custom properties design system.

2|1|Updated May 11, 2026
One-click install
npx skills add https://github.com/Anglesite/anglesite --skill design-interview
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-interview
Source: https://github.com/Anglesite/anglesite/tree/main/agent-skills/design-interview
Command: npx skills add https://github.com/Anglesite/anglesite --skill design-interview

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill guides you through a professional design interview, helping you define your website's visual identity and branding.

Core Features & Use Cases

  • Guided Design Interview: Engage in a conversational interview to define your brand's colors, typography, and overall look.
  • Custom Design System: Generate a custom design system with CSS custom properties, a structured config, and a rationale doc.
  • Use Case: Imagine you want a new website with a cohesive visual identity. Use this Skill to discuss your preferences with a professional designer and generate a design system tailored to your brand.

Quick Start

Start the design interview by running /anglesite:design-interview and follow the prompts to define your brand's visual identity.

Frequently Asked Questions about design-interview

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a design system for my website's visual identity?

To create a design system for your website's visual identity, you can use a guided design interview to define your brand's aesthetic preferences, which then generates CSS custom properties and a structured rationale document.

What is a design interview for branding and visual identity?

A design interview for branding is an interactive process that uses conversational prompts to gather information about your brand's colors, typography, and overall look to establish a cohesive visual identity.

How do I generate CSS custom properties for a custom brand design system?

You can generate CSS custom properties for a custom brand design system by engaging in a guided design interview that translates your aesthetic preferences into a structured configuration file.

Can I get a rationale document explaining my website's visual identity choices?

Yes, you can get a rationale document explaining your visual identity choices, as the guided design interview process outputs a rationale doc alongside the generated design system to justify branding decisions.

What do I need to run a guided design interview for website branding?

To run a guided design interview for website branding, you need an environment that supports Bash, WebFetch, Write, Read, Edit, and Glob tools to handle the interactive prompts and generate the design system files.

Is a conversational design interview the best way to define website typography and colors?

A conversational design interview is an effective way to define website typography and colors because it interactively captures your specific aesthetic preferences and translates them directly into a structured design system.