blueprinter是一个生成技术图表的Skill,遵循"Flat Engineering Blueprint"风格——输出应该像技术规格表或架构图,而不是营销着陆页。

核心规则

  • 无装饰:无阴影、无渐变、无玻璃态、无圆角按钮
  • 扁平描边:1-2px实线边框,白底内容块
  • 单色为主:背景#f8fafc,Canvas白底#ffffff,文字高对比黑#0f172a,辅助#64748b,强调色仅用黑色或红色(错误场景)
  • 字体:Sans-serif(Inter)做标题/标签,等宽字体(JetBrains Mono)做数据/路径/代码
  • 连线:细直线或正交线,虚线表示抽象关系

CSS变量规范已定义好,可直接嵌入使用。安装:npx skills add https://github.com/yofine/skills --skill blueprinter