claude-design-propose

Generate a structured DESIGN.md file with design tokens and previews.

2|Updated Jan 13, 2026
One-click install
npx skills add https://github.com/erclx/aitk --skill claude-design-propose
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: claude-design-propose
Source: https://github.com/erclx/aitk/tree/main/claude/skills/claude-design-propose
Command: npx skills add https://github.com/erclx/aitk --skill claude-design-propose

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires jq.

What problem does it solve?

This skill solves the manual overhead of setting up a design system from scratch by automatically generating a structured DESIGN.md file based on your project's existing requirements and architecture.

Core Features & Use Cases

  • Automated Scaffolding: Reads project requirements and architecture to propose design tokens like colors, typography, and spacing.
  • Context-Aware Proposals: Tailors design suggestions based on the project's personality and platform (e.g., CLI vs. Web).
  • Preview Generation: Automatically renders an HTML/CSS preview of the proposed design system for immediate visual verification.

Quick Start

Ask the agent to propose a design system for the current project to generate the initial DESIGN.md and preview files.

Frequently Asked Questions about claude-design-propose

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

FAQPage Schema
How do I bootstrap a design system for a new project?

You can automatically generate a structured DESIGN.md file containing foundational design tokens for colors, typography, spacing, and motion by synthesizing your project's existing requirements and architecture.

What is the best way to generate design tokens from existing project architecture?

Generating design tokens from project architecture is best handled by analyzing your project's personality and platform signals to automatically propose context-aware color, typography, spacing, and motion variables in a structured markdown file.

Can I automatically generate a visual preview of a proposed design system?

Yes, you can automatically render an HTML and CSS visual preview of the proposed design system for immediate developer validation, utilizing the aitk CLI to fetch seed templates and render the visual output.

Does the design system scaffolding work for both CLI and web platforms?

Yes, the design system scaffolding tailors its context-aware proposals based on the project's personality signals and platform, supporting different environments including both CLI and Web applications.

Do I need jq installed to generate the DESIGN.md file?

Yes, you need jq installed as a required dependency, because the skill utilizes the aitk CLI alongside jq to fetch seed templates and render visual previews during the design system scaffolding process.