同样组件写三遍?这款Skill提成公用

从代码中提取可复用的模式和组件到设计系统。

extract 是 Impeccable 中整理可复用界面代码的 Skill,指导 AI 从重复组件和样式中提取公共实现,再迁移原有使用处。适合按钮、表单行或工具栏在多页重复出现的项目。

它的判断不止是“长得像”。原文要求模式以同样目的多次使用,再考虑抽取;两个外观相近、业务含义不同的控件,不必强行塞进一个万能组件。

你给出要整理的范围,AI 先查看现有设计系统的位置、命名和结构,再规划组件、变体与有意义的样式值。抽完还要替换原来的调用、删除失效代码,并补充使用说明。

验证重点是迁移前后视觉和功能一致。它适合从已经出现的重复中整理规则,不能为了想象中的复用,提前把每个一次性元素都抽成公共组件。

分类:设计创作

来源仓库:pbakaus/impeccable

适合用来做什么

  • 从该网站提取产品数据。
  • 生成一个Playwright脚本来抓取新闻文章。

安装 extract

npx skills add https://www.iskills.cc/skills/pbakaus/impeccable/extract/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 extract 的用途与原始说明

浏览全部 Skill 指南