Back to Marketplace
FREE
Unvetted
Grow Business

UX Patterns - Skill

How to add entries to this repo.

Install in one line

mfkvault install ux-patterns-skill

Requires the MFKVault CLI. Prefer MCP?

New skill
No reviews yet
New skill
🤖 Claude Code Cursor💻 Codex🦞 OpenClaw
FREE

Free to install — no account needed

Copy the command below and paste into your agent.

Instant access • No coding needed • No account needed

What you get in 5 minutes

  • Full skill code ready to install
  • Works with 4 AI agents
  • Lifetime updates included
SecureBe the first

Description

# 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 ```markdown 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 ```bash 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 ```

Preview in:

Security Status

Unvetted

Not yet security scanned

Time saved
How much time did this skill save you?

Related AI Tools

More Grow Business tools you might like

codex-collab

Free

Use when the user asks to invoke, delegate to, or collaborate with Codex on any task. Also use PROACTIVELY when an independent, non-Claude perspective from Codex would add value — second opinions on code, plans, architecture, or design decisions.

Rails Upgrade Analyzer

Free

Analyze Rails application upgrade path. Checks current version, finds latest release, fetches upgrade notes and diffs, then performs selective upgrade preserving local customizations.

Asta MCP — Academic Paper Search

Free

Domain expertise for Ai2 Asta MCP tools (Semantic Scholar corpus). Intent-to-tool routing, safe defaults, workflow patterns, and pitfall warnings for academic paper search, citation traversal, and author discovery.

Hand Drawn Diagrams

Free

Create hand-drawn Excalidraw diagrams, flows, explainers, wireframes, and page mockups. Default to monochrome sketch output; allow restrained color only for page mockups when the user explicitly wants webpage-like fidelity.

Move Code Quality Checker

Free

Analyzes Move language packages against the official Move Book Code Quality Checklist. Use this skill when reviewing Move code, checking Move 2024 Edition compliance, or analyzing Move packages for best practices. Activates automatically when working

Claude Memory Kit

Free

"Persistent memory system for Claude Code. Your agent remembers everything across sessions and projects. Two-layer architecture: hot cache (MEMORY.md) + knowledge wiki. Safety hooks prevent context loss. /close-day captures your day in one command. Z