bryllim GitHub avatar

bryl-minimal-design

bryllim

一套封装为 AI 编码 Agent 技能的设计语言,基于纯黑白、Geist 字体的极简美学,包含半调圆点、编号章节与亮/暗主题。

Stars

91

7 天增长

暂无数据

Fork 数

15

开放 Issue

0

开源协议

MIT

最近更新

2026-07-11

AI 仓库情报摘要
FR-AI / ANALYSIS

为什么值得关注

它将精心调校的个人作品集设计转化为可复用的、框架无关的规范,任何支持 SKILL.md 的 AI Agent 都能直接应用到新项目或现有项目中,并附带评估提示以确保风格一致性。

适合谁使用

  • 希望获得一致极简设计的 AI 编码 Agent 用户(如 Claude Code)
  • 需要快速为副项目打造精致外观的开发者
  • 希望将自己的美学以可移植技能形式分享的设计师
  • 希望在多个项目中统一极简设计语言的团队

典型使用场景

  • 使用 bryl-minimal 设计语言生成着陆页
  • 将现有仪表盘或原型重新样式化为黑白极简美学
  • 快速为新 React、Vue 或纯 HTML 项目应用一致的极简主题
  • 利用内置评估提示测试 AI 生成的设计是否偏离目标风格

项目优势

  • 框架无关:兼容纯 HTML、Tailwind、React、Vue 等
  • 基于真实且经过打磨的作品集设计,美学有保障
  • 附带评估提示,可检测 Agent 对风格的偏离
  • MIT 许可,可免费使用、修改和发布

使用前须知

  • 依赖 AI Agent 对纯文本规范的理解能力,结果可能不稳定
  • 需要项目中提供 Geist、Source Serif 4 等字体,不会自动包含
  • 仅覆盖一种特定的黑白极简美学,非通用设计系统

README 快速开始

bryl-minimal-design

hi, I'm Bryl. I spent way too long fine-tuning the design of my portfolio — the monochrome palette, the tiny uppercase mono labels, the halftone dots, the little fade-up on page load — so I turned the whole thing into an agent skill that anyone can use.

Install it, and your AI coding agent (Claude Code or anything that reads SKILL.md) learns my design language and applies it to whatever you're building. True black on white, no accent color, Geist everywhere, numbered section headers like 01 — about, soft shadows, proper light/dark theming. The stuff I'd nitpick in a PR, basically.

It's written as a spec in plain words — values and intent, zero framework code — so it works the same whether your project is plain HTML, Tailwind, React, Vue, or something weirder. Your agent implements it in whatever your project already uses.

install

Claude Code:

# for all your projects
git clone https://github.com/bryllim/bryl-minimal-design ~/.claude/skills/bryl-minimal-design

# or just one project
git clone https://github.com/bryllim/bryl-minimal-design .claude/skills/bryl-minimal-design

other agents: anything that supports the SKILL.md format can use this repo as-is — just point it at SKILL.md.

use

Ask for something minimal and it should kick in on its own, or name it directly:

build a landing page for my side project, use the bryl-minimal design language

restyle this dashboard with bryl-minimal

If the result doesn't look like my site, something went wrong — open an issue, I'd genuinely like to know.

what's inside

  • SKILL.md — the whole design language: philosophy, the color ramp (light + dark values), the four font roles, layout, component recipes, the halftone motif, motion timing, and a step-by-step order for restyling existing projects.
  • evals/ — the test prompts I used to check that agents actually reproduce the aesthetic instead of drifting off into beige-and-serif land (they do drift, badly, without the skill).

fonts

The system leans on Geist & Geist Mono and Geist Pixel by Vercel, plus Source Serif 4 for long-form text. All free, all openly licensed.

license

MIT — take it, remix it, s

相关仓库与替代方案

根据分类、Topic 和编程语言匹配的相似项目。

MoonshotAI
精选
MoonshotAI GitHub avatar

Kimi-K3

Kimi K3 is an open-weight, 2.8T-parameter native multimodal agentic model with a 1M-token context window, designed for frontier coding, knowledge work, and reasoning tasks.

AI 与机器学习AI 智能体
3,348
xuchonglang
精选
xuchonglang GitHub avatar

investing-for-beginners

A structured investing guide for Chinese beginners covering US stocks, options, and cryptocurrency, with focus on foundational concepts and risk awareness.

区块链与 Web3
2,739
Krishnagangwal
精选
Krishnagangwal GitHub avatar

CS-Fundamentals

A curated collection of Computer Science fundamentals (PDFs, notes, cheatsheets, interview question banks) for placement preparation, covering seven core subjects plus general resources.

数据与数据库数据库与存储
2,326