Border craft

Skill Dragoon0x/everything-design-taste/skills/border-craft

A taste system for AI agents. 288 skills, 80 agents, 12 rules, and 8 hooks that turn generic AI output into work with genuine design quality. Anti-slop detection, typography craft, color systems, brand voice, product strategy, and 50+ specialized reviewers across UI, industry, platform, and content domains.

Install

npx -y skills add Dragoon0x/everything-design-taste --skill border-craft

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

6 stars6 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Border design patterns, dividers, separators, and using borders as primary design elements.

SKILL.md

1.3 KB, as published. Nobody here has run it

Border Craft

Borders as Information

Borders separate, group, contain, and emphasize. They carry meaning:

Thin (1px): Subtle separation, table cells, list dividers
Medium (2px): Emphasis, active states, selected items
Thick (3-4px): Strong emphasis, section dividers, brand accent

Border Styles

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

Alternatives to Borders

Background color change
Spacing/gap increase
Shadow (creates depth instead of line)
Indent (hierarchy through position)

Border Radius Scale

--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 */