UX Patterns - Skill

How to add entries to this repo.

Repo Structure

ux-patterns/
├── archive/          # Individual site/tool entries (one file per site)
├── assets/           # Screenshots
├── journal/          # Dated notes
├── Website Inspiration.md  # Curated gallery index
├── themes.md         # Theme notes
├── typography.md     # Typography notes
└── README.md

Adding a Site Entry (archive/)

Use archive/ for individual sites worth noting for design, elegance, or UX quality.

File naming

• Use the domain: conductor.build.md, nan.fyi.md
• Or a descriptive title matching the repo style: Dia Browser landing page is elegant.md

Content format

One-line description of what makes it notable (design quality, aesthetic, etc).

https://example.com

![Description](../assets/site-name.jpg)

Brief note on what the site/product is and why it's interesting.

Screenshot

• Use screenshotit.app (no binary in repo, stable external URL): ![Description](https://screenshotit.app/https://example.com/)
• Modifiers: @full (full page), @mobile, @refresh (force refresh)
• See: https://github.com/flowershow/screenshotit

Steps

1. Screenshot landing page → save to assets/
2. Create archive/site-name.md with URL and screenshot
3. If it's a curated gallery/resource, add to Website Inspiration.md
4. Git add, commit, push

Git Workflow

cd ~/src/rufuspollock/ux-patterns
git pull   # always pull first
git add archive/site-name.md assets/site-name.jpg
git commit -m "Add site-name.com to archive"
git push