القائمة
Border usage, divider patterns, and visual separation techniques in UI design.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
A/B test design, experiment setup, variant design, and statistical analysis for designers.
Advanced accessibility patterns including ARIA, screen reader optimization, cognitive accessibility, and motor impairment design.
WCAG compliance deep dive, screen reader patterns, keyboard navigation, and inclusive design.
Accordion and collapsible content patterns, FAQ layouts, and progressive disclosure.
Designing AI-powered features, managing user expectations, and AI transparency.
Using analytics tools for design decisions, behavioral analysis, and data-informed design.
| name | border-divider-patterns |
| description | Border usage, divider patterns, and visual separation techniques in UI design. |
| triggers | ["border","divider","separator","visual separation"] |
| Method | When | Example |
|---|---|---|
| White space | Default, sufficient for most cases | Section gaps |
| Background change | Large sections, obvious grouping | Alternating row colors |
| Border/line | Tight spaces, clear delineation needed | Table rows, list items |
| Shadow | Overlapping elements, elevation | Cards on a surface |
| Color band | Strong visual break, decorative | Section dividers |
