Loading...

文章背景图

我的 Skills 分类索引

2024-11-30
0
- 字
- 分钟
|

所有 Skill 完整分类介绍

  1. Leonxln/taste-skill:UI/UX、前端、品牌视觉、网页/APP 设计类技能
  2. DietrichGebert/ponytail:极简工程、防过度设计、代码债务审计、极简开发规范
  3. Egones-Al/Understand-Anything:代码库架构解析、项目知识图谱、代码理解分析工具
  4. NextlevelBuilder/ui-ux-pro-max-skill:跨平台设计系统智能生成、UI/UX 规范推理、风格与组件代码输出

cover: 附件/Halo封面/design.jpg

一、Leonxln/taste-skill 设计视觉全系列

主打高端商业 UI/UX、品牌、网页/APP 视觉生成、前端落地配套能力,面向设计师、前端网页项目。

  1. brandkit

高端品牌规范套件生成工具,一键输出品牌视觉指南、Logo 系统、品牌视觉物料,用于搭建完整品牌视觉手册。

  1. design-taste-frontend

落地页、作品集、网站改版专用前端生成能力,AI 能读懂需求文档,自动输出符合高级审美的前端页面方案,防廉价粗糙视觉。

  1. design-taste-frontend-v1

初代版本前端设计技能,保留旧版逻辑,给依赖旧输出风格的历史项目兼容使用,当前默认推荐上面 v2 版本。

  1. full-output-enforcement

强制完整代码输出插件,覆盖 LLM 自动截断代码的默认行为;禁止生成占位符、省略代码片段,保证完整可运行代码一次性输出。

  1. gpt-taste

高阶 UX/UI + GSAP 动效专家能力,内置 Python 驱动的布局随机化逻辑,产出带精致交互动效的界面方案。

  1. high-end-visual-design

复刻顶级设计工作室审美,强制统一规范字体、间距、阴影、卡片布局、版式层级,让 AI 产出专业商业级视觉。

  1. image-to-code

图片转网站代码专用能力,针对视觉要求高的网页需求,会先还原设计稿视觉,再输出对应可运行前端代码。

  1. imagegen-frontend-mobile

移动端 APP 概念图生成,产出原生质感高端 App 界面、页面流转稿、移动端交互原型图。

  1. imagegen-frontend-web

网页设计参考图生成,主打高转化商业网站视觉参考,适合落地页、营销站、企业官网视觉灵感产出。

  1. industrial-brutalist-ui

工业粗野风界面,融合瑞士印刷排版 + 军用终端硬朗美学,大刚性网格、机械硬核视觉风格。

  1. minimalist-ui

极简编辑风界面,低饱和单色配色、强文字层级对比、扁平模块化网格,柔和低对比视觉。

  1. redesign-existing-projects

存量网站/APP 升级改版工具,自动诊断现有设计缺陷,批量升级为高端商业视觉标准。

  1. stitch-design-taste

Google Stitch 专用语义设计系统工具,自动生成标准化 DESIGN.md 设计规范文档,方便 AI 协作统一设计语言。

cover: 附件/Halo封面/design.jpg

二、DietrichGebert/ponytail 极简工程规范系列

核心思想:YAGNI(你不需要的就不要做)、优先标准库、拒绝过度工程,面向后端/全栈开发者,专治冗余、重复造轮子、复杂无用架构。

  1. ponytail

极简资深开发模式,强制输出最简单、最短、能正常运行的方案;优先使用标准库,不引入多余依赖、不写冗余抽象。

  1. ponytail-audit

全仓库过度工程审计,扫描整个代码库,输出排序列表:需要删除、简化、替换成标准库的冗余代码/依赖。

  1. ponytail-debt

代码债务收集工具,抓取项目内所有 ponytail: 注释(开发者刻意临时简化的代码标记),汇总成技术债务台账,统一管理临时妥协的代码。

  1. ponytail-help

ponytail 全套模式、命令、技能速查手册,一次性展示完整使用参考,无持久会话,快速查阅。

  1. ponytail-review

代码差分审查,只聚焦「过度工程」问题:找出重复实现标准库、无用第三方依赖、多余抽象、冗余逻辑,给出精简方案。

cover: 附件/Halo封面/design.jpg

三、Egones-Al/Understand-Anything 代码库解析系列

用于大型项目、复杂代码库,自动构建项目知识图谱,看懂架构、业务域、代码变更,辅助新人上手、代码评审、架构复盘。

  1. understand

全局代码库解析,生成交互式项目知识图谱,可视化模块依赖、架构分层、类/函数关联,快速看懂整体项目结构。

  1. understand-chat

基于代码知识图谱问答,针对项目架构、业务逻辑、函数作用提问,AI 结合全局代码上下文精准解答。

  1. understand-dashboard

启动交互式网页看板,可视化展示代码库完整知识图谱,支持拖拽、筛选、检索模块关系。

  1. understand-diff

Git 变更/PR 解析工具,看懂代码改动范围、受影响模块、变更带来的架构影响,辅助代码评审。

  1. understand-domain

业务领域抽取工具,从代码里提取业务逻辑、实体、流程,生成交互式业务流程图,梳理项目业务边界。

  1. understand-explain

单文件/函数/模块深度拆解,针对指定代码片段做逐行、分层详细原理讲解。

  1. understand-knowledge

解析 LLM 知识库(Karpathy 模式文档库),生成知识关联图谱,用于内部文档、技术手册梳理。

  1. understand-onboard

新人入职指南生成,基于代码库架构自动输出项目上手文档:目录结构、核心模块、启动流程、开发规范。

cover: 附件/Halo封面/design.jpg

四、NextlevelBuilder/ui-ux-pro-max-skill 跨平台设计系统智能

主打AI 驱动的完整设计系统生成,面向需要快速产出专业 UI/UX 设计规范与前端代码的开发者、设计师。覆盖 161 个行业类别,可在 22 种技术栈上输出定制化设计体系。

  1. 设计系统生成器(v2.0 旗舰功能)

根据项目一句话描述(如“我的美容水疗中心落地页”),自动推理并输出完整设计系统:推荐布局模式、UI 风格、色彩方案、字体搭配、关键特效、反模式警告及交付前检查清单。

  1. 多域并行搜索与推理引擎

同时检索产品类型、UI 风格、配色、布局模式、字体组合五大维度,由 BM25 排序与行业决策规则引擎合成最优设计组合。

  1. 行业规则库与反模式检测

内置 161 条行业特定推理规则(SaaS、金融、医疗、电商、服务、创意、生活方式、新兴技术等),明确标注“避免使用”的反模式(如银行业不宜使用 AI 紫/粉渐变),确保设计符合行业惯例。

  1. 跨平台代码输出与交付前验证

支持 React、Next.js、Vue、Nuxt、Angular、Svelte、SwiftUI、Jetpack Compose、Flutter、React Native、Laravel、HTML+Tailwind 等 22 种技术栈,生成代码后自动执行无障碍对比度、焦点状态、减少动画偏好、响应式断点等 99 项 UX 指南检查。

  1. 设计系统持久化与层级覆盖

支持将生成的设计系统保存为 MASTER.md,并按页面创建覆盖文件,实现全局主系统 + 页面级差异的层级管理,方便多会话协作。

cover: 附件/Halo封面/design.jpg

用途总结

  1. taste-skill:设计、视觉、前端页面、品牌物料生成,做 UI/网页/品牌视觉;
  2. ponytail:代码瘦身、拒绝过度设计、清理技术债务、极简高质量工程代码;
  3. understand-anything:读懂大型复杂项目、架构可视化、新人培训、代码变更分析;
  4. ui-ux-pro-max-skill:自动化设计系统推理、行业合规 UI 规范输出、跨多框架生成专业前端界面代码。
原创

我的 Skills 分类索引

本文链接: 我的 Skills 分类索引

本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。

评论交流

文章目录