Claude Code Skills·Claude Skills·The open SKILL.md registry for Claude
HomeCompare › design-context-extract vs distributed-systems

design-context-extract vs distributed-systems

Two General 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.

Side-by-side

Namedesign-context-extractdistributed-systems
DescriptionExtract design DNA from existing app screenshots or live URLs using Google Stitch. Produces color palettes, typography specs, spacing tokens, and component patterns as design-tokens.json or Tailwind config. Use when…Distributed systems patterns for locking, resilience, idempotency, and rate limiting. Use when implementing distributed locks, circuit breakers, retry policies, idempotency keys, token bucket rate limiters, or fault…
CategoryGeneralGeneral
Sub-categorydesign-creativegeneral-misc
Tagstype:audit
AuthorOrchestKitOrchestKit
LicenseMITMIT
Install/add-skill design-context-extract/add-skill distributed-systems

Tag overlap

Shared

Only in design-context-extract type:audit

Only in distributed-systems

Sample code from each SKILL.md

design-context-extract

/ork:design-context-extract /tmp/screenshot.png       # From screenshot
/ork:design-context-extract https://example.com        # From live URL
/ork:design-context-extract current project            # Scan project's existing styles

distributed-systems

# Redis distributed lock with Lua scripts
async with RedisLock(redis_client, "payment:order-123"):
    await process_payment(order_id)

# Circuit breaker for external APIs
@circuit_breaker(failure_threshold=5, recovery_timeout=30)
@retry(max_attempts=3, base_delay=1.0)
async def call_external_api():
    ...

# Idempotent API endpoint
@router.post("/payments")
async def create_payment(
    data: PaymentCreate,
…

When to choose each

design-context-extract — Extract design DNA from existing app screenshots or live URLs using Google Stitch. Produces color palettes, typography specs, spacing tokens, and component patterns as design-tokens.json or Tailwind config. Use when…

distributed-systems — Distributed systems patterns for locking, resilience, idempotency, and rate limiting. Use when implementing distributed locks, circuit breakers, retry policies, idempotency keys, token bucket rate limiters, or fault…

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.

Open design-context-extract → Open distributed-systems →

Other comparisons in this category

See all Claude Code skill comparisons · Browse all General skills · Top 100