with one click
draft-patterns
// Use when asked about UX patterns, interaction best practices, form design, navigation patterns, or loading states. Examples: "best practice for form validation", "navigation pattern for dashboard", "loading state UX"
// Use when asked about UX patterns, interaction best practices, form design, navigation patterns, or loading states. Examples: "best practice for form validation", "navigation pattern for dashboard", "loading state UX"
[HINT] Download the complete skill directory including SKILL.md and all related files
| name | draft-patterns |
| description | Use when asked about UX patterns, interaction best practices, form design, navigation patterns, or loading states. Examples: "best practice for form validation", "navigation pattern for dashboard", "loading state UX" |
| allowed-tools | Read, Bash, Glob, Grep |
| version | 0.6.6 |
| author | tonone-ai <hello@tonone.ai> |
| license | MIT |
Follow the output format defined in docs/output-kit.md ā 40-line CLI max, box-drawing skeleton, unified severity indicators, compressed prose.
User asks about interaction patterns, best practices, form design, navigation, or loading/empty states.
python3 -m draft_agent.uiux search --domain ux --query "{pattern_category}" --limit 5
āā UX Patterns ā {pattern_category} āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
ā Category ā Issue ā Do ā Don't ā Severity ā
āāāāāāāāāāāāāāā¼āāāāāāāāāāāāāāāāāāāāā¼āāāāāāāāāāāāāāāāāāāāāā¼āāāāāāāāāāā¼āāāāāāāāāāā¤
ā {category} ā {issue} ā {do} ā {dont} ā Critical ā
ā {category} ā {issue} ā {do} ā {dont} ā High ā
ā {category} ā {issue} ā {do} ā {dont} ā Medium ā
āāāāāāāāāāāāāāā“āāāāāāāāāāāāāāāāāāāāā“āāāāāāāāāāāāāāāāāāāāāā“āāāāāāāāāāā“āāāāāāāāāāā
Code example ({do_example_label}):
{code_block}
If output exceeds the 40-line CLI budget, invoke /atlas-report with the full findings. The HTML report is the output. CLI is the receipt ā box header, one-line verdict, top 3 findings, and the report path. Never dump analysis to CLI.