design-toolkit

name	design-toolkit
description	Complete design toolkit - 7 specialized skills, 3 templates, and a workflow router for visual design, frontend design, theming, and design-system work.
version	2.1.0
triggers	["design","visual design","generative art","design system","style guide","frontend design","theme","brand","poster","GIF"]

Design Toolkit

This toolkit restores the workflow-level entry point that previously lived in claude-skills/design. Use it when the user needs design intent routing rather than jumping straight to one leaf skill.

Routing Guide

User Intent	Primary Skills	Templates
Generative visuals, procedural art, animated assets	algorithmic-art, slack-gif-creator	design-brief
Posters, brand-aligned visuals, canvas compositions	canvas-design, brand-guidelines	design-brief, style-guide
UI systems, themed interfaces, React artifacts	frontend-design, web-artifacts-builder, theme-factory	design-brief, design-review-checklist
Design standards, consistency, review, accessibility	Use this router with style-guide and design-review-checklist	style-guide, design-review-checklist

Quick Actions

• "Create generative art" -> algorithmic-art
• "Design a poster" -> canvas-design
• "Apply brand constraints" -> brand-guidelines
• "Build a themed UI" -> frontend-design + theme-factory
• "Create a React artifact" -> web-artifacts-builder
• "Review design quality" -> design-review-checklist
• "Define tokens and standards" -> style-guide

Templates

Template	Use Case
design-brief	Scope a visual, UI, or motion design project
style-guide	Define tokens, typography, spacing, and component rules
design-review-checklist	Review hierarchy, consistency, accessibility, and performance

Related Skills

• cli-demo-gif for terminal demos rendered as GIFs
• asciinema-recorder for terminal capture workflows
• design/web-asset-generator remains available as a submodule-backed asset utility