---
name: save-design-inspiration
description: Save design inspiration from URLs (tweets, websites, videos) with media. Use when user shares URLs for design inspiration, mentions 'dinspo' or 'design inspiration', or wants to save visual references.
allowed-tools: Bash(mise:*), Bash(bun:*)
---

# Save Design Inspiration

Saves design inspiration from URLs with automatic media download and note creation.

## When to use

- User shares a URL (tweet, website, video) and mentions it's design inspiration
- User explicitly says "dinspo" or "design inspiration"
- User wants to save a visual reference with context

## Instructions

1. **Parse user input** to extract:
   - Source URL (required)
   - Reason for inspiration (optional)
   - Optional image URL (if provided separately from source)

2. **Run the script**:
   ```bash
   mise exec -- bun .claude/skills/save-design-inspiration/scripts/dinspo.ts "<source_url>" ["<reason>"] ["<image_url>"]
   ```

3. **Script handles**:
   - Downloads media (image or video)
   - Converts images to WebP
   - Checks for duplicates
   - Creates markdown note in current directory

## Examples

**With image URL:**
```
User: "Save this design inspo: https://twitter.com/user/status/123 - Great use of whitespace https://example.com/image.png"
→ mise exec -- bun .claude/skills/save-design-inspiration/scripts/dinspo.ts "https://twitter.com/user/status/123" "Great use of whitespace" "https://example.com/image.png"
```

**Video from URL:**
```
User: "dinspo https://youtube.com/watch?v=abc - Smooth animations"
→ mise exec -- bun .claude/skills/save-design-inspiration/scripts/dinspo.ts "https://youtube.com/watch?v=abc" "Smooth animations"
```