UX Patterns - Skill

Standardize UX pattern repository entries with naming conventions and markdown structure.

13|1|Updated Jun 25, 2012
One-click install
npx skills add https://github.com/rufuspollock/ux-patterns --skill ux-patterns-skill
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: UX Patterns - Skill
Source: https://github.com/rufuspollock/ux-patterns/tree/main
Command: npx skills add https://github.com/rufuspollock/ux-patterns --skill ux-patterns-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill removes uncertainty and inconsistency when adding new UX pattern/site entries to the ux-patterns repo, so new contributions are discoverable and easy to maintain.

Core Features & Use Cases

  • Standardized entry formatting: Guides contributors to create archive entries using the correct naming convention and a consistent markdown structure.
  • Screenshot capture workflow: Recommends using screenshotit.app URLs (and when to generate local assets) to keep visuals consistent and lightweight in-repo.
  • Indexing and curation: Helps contributors decide whether an entry should also be added to the Website Inspiration curated gallery.
  • Simple git workflow: Provides a minimal, reliable sequence for pulling, adding files, committing, and pushing changes.

Quick Start

Add your new site by creating an archive entry file in the archive folder using the site’s domain as the filename, then include the URL and screenshot link in the format described in the skill guide.

Frequently Asked Questions about UX Patterns - Skill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a UX pattern entry to a repository with consistent markdown structure?

To add a UX pattern entry, create a markdown file in the archive folder named after the site's domain, then include the required URL and screenshot fields for consistent discovery and maintenance.

What is the correct naming convention for adding design example screenshots to a curated gallery?

The correct naming convention for design example screenshots uses the site's domain as the archive filename, and recommends screenshotit.app URLs to keep visual assets consistent and lightweight in the repository.

How do I use a git workflow to contribute content to a UX patterns archive?

You can contribute content using a simple git workflow by pulling the latest changes, adding your new markdown entry files, committing with a clear message, and pushing the updates to the repository.

Can I include my new site entry in the Website Inspiration curated gallery?

Yes, you can optionally include your new site entry in the Website Inspiration curated gallery by following the standardized markdown structure during the content contribution process.

When do I need to generate local screenshot assets instead of using URLs for UX pattern curation?

You generate local screenshot assets instead of using URLs when specific curation requirements demand offline access or direct repository storage, ensuring visuals remain consistent across the archive.