本文へ移動
cccskills
無料GitHub で公開

ux-patterns

Use when choosing, comparing, or implementing UX patterns across the UX Patterns for Developers corpus.

インストール方法を見る

含まれるファイル(2)

  • SKILL.md1.3 KB
  • references/categories.md19.6 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

UX Patterns Global

This skill aggregates 92 UX patterns across the site and helps choose the right implementation path without guessing from memory.

Workflow

  1. Start with the user problem, task flow, and constraints instead of jumping straight to a component.
  2. Narrow candidate patterns by category, aliases, and related-pattern links.
  3. Compare tradeoffs before implementation when multiple patterns could fit.
  4. Install the specific pattern skill once the direction is clear, then implement from its reference file.
  5. Validate accessibility, performance, and testing guidance before shipping.

Coverage

  • advanced: 3 patterns
  • ai-intelligence: 10 patterns
  • authentication: 7 patterns
  • content-management: 7 patterns
  • data-display: 12 patterns
  • e-commerce: 3 patterns
  • forms: 26 patterns
  • media: 3 patterns
  • navigation: 11 patterns
  • social: 4 patterns
  • user-feedback: 6 patterns

See references/categories.md for the pattern-by-category index.

Site index: https://uxpatterns.dev/llms-full.txt

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

accordion

無料

Use when implementing expand and collapse content sections.

日本語の概要は準備中です。原文の説明を表示しています。

thedaviddias/ux-patterns-for-developers2592026年10月5日 更新

Use when implementing user account configuration and preferences.

日本語の概要は準備中です。原文の説明を表示しています。

thedaviddias/ux-patterns-for-developers2592026年10月5日 更新

Use when implementing social activity and updates stream.

日本語の概要は準備中です。原文の説明を表示しています。

thedaviddias/ux-patterns-for-developers2592026年10月5日 更新

ai-chat

無料

Use when implementing conversational AI chat interfaces.

日本語の概要は準備中です。原文の説明を表示しています。

thedaviddias/ux-patterns-for-developers2592026年10月5日 更新

Use when implementing handling AI-specific errors.

日本語の概要は準備中です。原文の説明を表示しています。

thedaviddias/ux-patterns-for-developers2592026年10月5日 更新

Use when implementing loading states for AI operations.

日本語の概要は準備中です。原文の説明を表示しています。

thedaviddias/ux-patterns-for-developers2592026年10月5日 更新

thedaviddias のスキルをすべて見る

このスキルの問題を報告する