Two Content Claude Code skills, side by side. Pick the right skill for your workflow with a side-by-side look at metadata, sample code, and install commands.
| Name | design-stylecards | technical-design-doc-creator |
|---|---|---|
| Description | Declarative catalog of named aesthetic recipes — exact shadow stacks, glass surfaces, gradient treatments, and type scales as copy-paste values with Use-When and Avoid rules. Use when the user asks for polished… | Technical Design Doc Creator workflow skill. Use this skill when the user needs Creates comprehensive Technical Design Documents (TDD) with mandatory and optional sections through interactive discovery. Use when user… |
| Category | Content | Content |
| Sub-category | content-misc | content-misc |
| Tags | lang:python | — |
| Author | OrchestKit | tech-leads-club |
| License | MIT | MIT |
| Install | /add-skill design-stylecards | /add-skill technical-design-doc-creator |
/ork:design-stylecards list # Catalog index
/ork:design-stylecards elevation/md # Show one recipe
/ork:design-stylecards apply glass/dark to src/components/Panel.tsx{
"title": "TDD Project Information",
"questions": [
{
"id": "project_name",
"prompt": "What is the name of the feature/integration/project?",
"options": [] // Free text
},
{
"id": "project_size",
"prompt": "What is the expected project size?",
"options": [
{ "id": "small", "label": "Small (< 1 week)" },
{ "id": "medium", "label": "Medium (1-4 weeks)" },
…design-stylecards — Declarative catalog of named aesthetic recipes — exact shadow stacks, glass surfaces, gradient treatments, and type scales as copy-paste values with Use-When and Avoid rules. Use when the user asks for polished…
technical-design-doc-creator — Technical Design Doc Creator workflow skill. Use this skill when the user needs Creates comprehensive Technical Design Documents (TDD) with mandatory and optional sections through interactive discovery. Use when user…
Both are free to install. If you're unsure, install both — Claude Code skills are isolated by filename and only collide if their trigger phrases overlap (rare). The richest signal is the SKILL.md body itself — open both skill pages and read the first paragraph of each.
See all Claude Code skill comparisons · Browse all Content skills · Top 100
SKILL.md files, not affiliated with, endorsed by, or sponsored by Anthropic.