All authors

Claude Skills by yckonnnnn
github.com/yckonnnnn8 skills0 installs0 views
- Zack Anti Ai Look诊断并消灭界面的「AI 味」——那种一眼就能看出是模板生成、廉价、没有判断的观感。包含一套可执行的扫描清单、严重度分级、修复优先级和前后对照。当用户说「看起来像 AI 做的」「很土」「不高级」「廉价」「一眼假」,或要求新建落地页/官网/作品集时使用。这是设计类任务的起点技能。Votes: 0GitHub stars: 2
- Zack Design Router设计任务的统一入口与路由。当用户要求做网页/App/落地页/后台界面、改版现有网站、评审界面、还原设计稿、或抱怨「看起来像 AI 做的」「不够高级」时,先用本技能判定任务类型,再按路由表加载对应的 zack-* 技能。不负责纯业务逻辑、接口、部署、无界面变化的代码整理。Votes: 0GitHub stars: 2
- Zack Figma To Code把 Figma 设计稿转成生产代码:Figma MCP 的取数与顺序、节点选择、令牌映射、翻译成项目既有约定、1:1 还原验收与差异定位。当用户给出 Figma 链接或 node-id、设计稿截图,要求实现设计、还原稿子、或抱怨「还原得不像」时使用。同时覆盖 Figma MCP 的连接与排错。Votes: 0GitHub stars: 2
- Zack Hero And Pricing首屏与价格页——决定官网转化的两屏。包含首屏形式选择、标题约束、CTA 层级、证据条、价格档位设计、锚定、对比表和价格数字排版。当新建落地页/官网/SaaS 营销页,或转化率低、访客不往下滚、价格页没人下单时使用。Votes: 0GitHub stars: 2
- Zack Layout And Rhythm栅格、留白、节奏与信息密度。包含容器与断点体系、间距尺度、垂直节奏的疏密设计、bento 网格的无空洞排版、区块形式变化、视觉重力与视觉层级。当页面看起来「乱」「空」「散」「每屏都一样」「没有重点」时使用。Votes: 0GitHub stars: 2
- Zack Motion Taste动效决策框架:该不该动、动什么、动多久、用什么曲线、怎么打断、怎么退出、性能怎么保。包含时长与缓动对照表、属性选择、手势与弹簧、reduced-motion 处理。当需要添加动画、让组件「活」起来、做转场,或动效显得卡顿/廉价/多余时使用。仅做动效判断,不改视觉风格。Votes: 0GitHub stars: 2
- Zack Redesign Audit改版与评审的完整流程:读代码 → 出诊断表 → 最小化定点修复 → 三宽度验收 → 交付报告。包含只读评审模式、改动范围控制、回归检查和面向客户的诊断话术。当要改一个已存在的网站/项目、评审现有界面、或交付前需要自检时使用。Votes: 0GitHub stars: 2
- Zack Typography And Color字体系统与色彩系统的具体建法:比例字号阶梯、流体字号、字体配对、中英混排、负字距与行高规则、中性色阶与单一强调色、表面层级代替边框、阴影配方、对比度。当页面看起来「平」「灰」「闷」「没有重点」,或需要建立设计令牌/design tokens 时使用。Votes: 0GitHub stars: 2