受"船下一群鹅"大佬启发,想写个插件为特定用户添加自定义标签,不需要自己一行一行的敲代码,
整理好关键点直接让AI生成,现在分享给大家做个参考!
先来看看效果图:
![]()
我用AI开发这个插件,从头到尾只花了 不到1小时(大概40分钟,包括测试)。
以下是让 AI 高效工作的几个关键:
1.清晰描述需求
直接告诉 AI:“我要一个 Chrome 插件,为草榴社区用户添加标签,支持本地和 GitHub 远程清单,标签要像盖章,带自定义 CSS。”
关键:需求越具体越好,AI 能一次给个大致框架。
2.提供网页结构
给 AI 目标网站的 HTML,例如:
- <th><b>user1</b>
- <li><span><a>张三</a></span>
- <td><a>user1</a>
关键:HTML 结构是 AI 写选择器和逻辑的基础。
3.指定功能细节
告诉 AI:“支持中文”“标签要绝对定位”“排除分页控件(如 <a class="w70">)”。
关键:细化功能要求,避免 AI 写出不符预期的代码。
4.给出反馈样本
如果有问题,直接说:“这个 <a class="w70"> 被误标了”或“标签没打在 <b> 后面”。
关键:具体问题 + 示例,AI 能快速修复。
我的完整代码在 GitHub 上(
https://github.com/yptd-1024/mark5),欢迎下载试用或改成你自己的版本!
赞(1)