AgentStack
Browse Sign in
Browse Why AgentStack Sell Docs
Sign in
SKILL verified MIT Self-run

Design Toolkit

skill-leolin990405-claude-code-skills-design · by LeoLin990405

Complete design toolkit - 7 specialized skills, 3 templates, and a workflow router for visual design, frontend design, theming, and design-system work.

↗ Repository
— No reviews yet
0 installs
32 views
0.0% view→install

Install

$ agentstack add skill-leolin990405-claude-code-skills-design

✓ scanned · ✓ verified, works with Claude Code, Cursor, and more.

Security review

✓ Passed

No issues found. Passed automated security review. · v0.1.0 How review works →

  • ✓ Prompt-injection patterns
  • ✓ Secret / credential exfiltration
  • ✓ Dangerous shell & filesystem operations
  • ✓ Untrusted network calls
  • ✓ Known-malicious package signatures

What it can access

  • ✓ Network access No
  • ✓ Filesystem access No
  • ✓ Shell / process execution No
  • ✓ Environment & secrets No
  • ✓ Dynamic code execution No

From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.

View the full security report →

Verified badge

Passed review? Show it. Paste this badge into your README, it links to the public security report.

AgentStack Verified badge Links to your public security report.
[![AgentStack Verified](https://agentstack.voostack.com/badges/verified.svg)](https://agentstack.voostack.com/security/report/skill-leolin990405-claude-code-skills-design)

Reliability & compatibility

✓ Security review passed
0 installs to date
— no reviews yet
● 3mo ago

Declared compatibility

Claude CodeClaude Desktop

Compatibility is declared by the source manifest. End-to-end runtime verification is coming, see below.

Preview Execution monitoring

We're building live execution health for every listing: tool-call success rate, median latency, uptime, and last-checked timestamps, measured, not self-reported. It isn't live yet, so we don't show numbers we can't stand behind.

How agent discovery & health will work →
Are you the author of Design Toolkit? Claim this listing to set pricing, connect Stripe payouts, and keep 70% of every sale.
Sign up to claim

About

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](../development/algorithmic-art/SKILL.md), [slack-gif-creator](slack-gif-creator/SKILL.md) | [design-brief](templates/design-brief.md) | | Posters, brand-aligned visuals, canvas compositions | [canvas-design](canvas-design/SKILL.md), [brand-guidelines](brand-guidelines/SKILL.md) | [design-brief](templates/design-brief.md), [style-guide](templates/style-guide.md) | | UI systems, themed interfaces, React artifacts | [frontend-design](../development/frontend-design/SKILL.md), [web-artifacts-builder](../development/web-artifacts-builder/SKILL.md), [theme-factory](theme-factory/SKILL.md) | [design-brief](templates/design-brief.md), [design-review-checklist](templates/design-review-checklist.md) | | Design standards, consistency, review, accessibility | Use this router with [style-guide](templates/style-guide.md) and [design-review-checklist](templates/design-review-checklist.md) | [style-guide](templates/style-guide.md), [design-review-checklist](templates/design-review-checklist.md) |

Quick Actions

  • "Create generative art" -> [algorithmic-art](../development/algorithmic-art/SKILL.md)
  • "Design a poster" -> [canvas-design](canvas-design/SKILL.md)
  • "Apply brand constraints" -> [brand-guidelines](brand-guidelines/SKILL.md)
  • "Build a themed UI" -> [frontend-design](../development/frontend-design/SKILL.md) + [theme-factory](theme-factory/SKILL.md)
  • "Create a React artifact" -> [web-artifacts-builder](../development/web-artifacts-builder/SKILL.md)
  • "Review design quality" -> [design-review-checklist](templates/design-review-checklist.md)
  • "Define tokens and standards" -> [style-guide](templates/style-guide.md)

Templates

| Template | Use Case | |---|---| | [design-brief](templates/design-brief.md) | Scope a visual, UI, or motion design project | | [style-guide](templates/style-guide.md) | Define tokens, typography, spacing, and component rules | | [design-review-checklist](templates/design-review-checklist.md) | Review hierarchy, consistency, accessibility, and performance |

Related Skills

  • [cli-demo-gif](cli-demo-gif/SKILL.md) for terminal demos rendered as GIFs
  • [asciinema-recorder](asciinema-recorder/SKILL.md) for terminal capture workflows
  • design/web-asset-generator remains available as a submodule-backed asset utility

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

Install and usage instructions live in the source repository linked above.

Reviews

No reviews yet, be the first.

Write a review

Versions

  • v0.1.0 Imported from the upstream source.

More in Agent Skills