bryllim/bryl-minimal-design

bryl-minimal-design is a design system packaged as an agent skill, a plain text spec file that AI coding assistants like Claude Code can read and follow. Its creator took the visual style of their own portfolio site, monochrome colors, small uppercase mono labels, halftone dots, numbered section headers, and a subtle fade in effect on page load, and wrote it down as a set of values and intentions rather than framework specific code. Because the skill describes colors, fonts, spacing, and component patterns in plain words instead of ready made code, it can be applied to a plain HTML site, a Tailwind project, React, Vue, or any other setup, since the AI agent implements the described look using whatever the project already uses. The design uses true black text on a white background with no accent color, the Geist and Geist Mono typefaces from Vercel plus Geist Pixel for a pixel style option, and Source Serif 4 for longer passages of text, along with soft shadows and proper support for both light and dark themes. To use it with Claude Code, a person clones the repository into either their global skills folder to use it across every project, or into a single project's local skills folder to use it there only. Other AI agents that support the same SKILL.md format can point at the file directly without any changes. Once installed, asking an agent for something minimal can trigger the skill automatically, or a user can name it directly by asking to build or restyle something using the bryl-minimal design language. The repository also includes a folder of evaluation prompts the author used to check whether an AI agent actually reproduces the intended look instead of drifting toward a generic beige and serif style, which the author notes happens badly without the skill loaded. The whole project is released under the MIT license, so it can be freely used, modified, and redistributed.