메뉴
Border design patterns, dividers, separators, and using borders as primary design elements.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | border-craft |
| description | Border design patterns, dividers, separators, and using borders as primary design elements. |
| triggers | ["borders","dividers","separators","border design"] |
Borders separate, group, contain, and emphasize. They carry meaning:
| Style | Use | Avoid |
|---|---|---|
| Solid | Default for everything | N/A |
| Dashed | Drag targets, placeholder areas | Decoration |
| Dotted | Input suggestions, optional boundaries | Heavy use |
| Double | Editorial emphasis, retro/classic feel | UI components |
--radius-none: 0px; /* Sharp, editorial, industrial */
--radius-sm: 4px; /* Subtle softening */
--radius-md: 8px; /* Standard UI */
--radius-lg: 12px; /* Cards, containers */
--radius-xl: 16px; /* Large components */
--radius-full: 9999px; /* Pills, avatars */
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.