Home /Claude Skills /ai-cli-edit
强烈推荐

Ai Cli Edit

让AI成为你的前端搭档,所见即所得地重构代码
前端开发者的AI外挂
核心原理:
这是一个让AI帮你重构前端代码的神器。直接在浏览器里选中元素,一键生成修改指令,然后丢给Claude或Copilot去执行。从此告别手动改CSS、调样式的痛苦。
关键功能 (KEY FEATURES)
01可视化选取
像设计师一样直接点击选中页面元素
02智能指令生成
自动转化成AI能理解的精准修改指令
03项目专属AI
为每个项目定制AI助手的知识库和行为
04无缝衔接
一键复制指令到任意AI编程工具
github.com/istarkov/ai-cli-edit
data-ai·istarkov·2026-02-02·21·🔱 0
精选导航站 agent-skills.cc
安装方式
下载
HTTPS
git clone https://github.com/istarkov/ai-cli-edit.git
SSH
git clone [email protected]:istarkov/ai-cli-edit.git
GitHub CLI
gh repo clone istarkov/ai-cli-edit
常见问答
Q: Ai Cli Edit Agent Skills 的安装步骤是什么?
1.启动环境: 用Bun运行本地服务
2.选取元素: 用快捷键选中要修改的DOM节点
3.生成指令: Escape键自动生成AI指令
4.交给AI: 粘贴到Claude/Copilot执行
Q: Ai Cli Edit Agent Skills 的亮点是什么?
  • 不用学AI提示词
  • 所见即所得编辑
  • 保留开发上下文
  • 项目专属知识
Q: Ai Cli Edit Agent Skills 的使用场景是什么?
  • 快速修改网站配色
  • 批量调整间距
  • 重构老旧UI代码
  • 响应式布局调试
Q: Ai Cli Edit Agent Skills 的局限性是什么?
  • 仅限前端修改
  • 需要基础Bun环境
相关 Claude Code Skills
openclaw

openclaw/openclaw

openclaw

OpenClaw 是一个强大的多模态 AI 助手框架,支持文本、语音、图像等多种交互方式。提供 Canvas 可视化协作界面、MCP 服务器集成、多平台部署能力,让用户能够构建个性化的 AI 助手应用。

157.6k24.4k
awesome-chatgpt-prompts

f/awesome-chatgpt-prompts

f

这是一个超全的AI提示词库,汇集了各种场景下的ChatGPT、Claude等AI助手的优质提示词模板。无论你是新手还是专家,都能在这里找到灵感,让你的AI对话效率翻倍。

14万人验证过的提示词库,哈佛教授都在用,让你3秒变成AI对话专家

142.4k18.9k
claude-code

anthropics/claude-code

anthropics

Claude Code 是 Anthropic 官方的终端 CLI 工具,就像一个懂你代码的智能助手。它能帮你理解复杂代码、执行日常任务、处理 Git 工作流,一切只需用自然语言告诉它。

大幅提升开发效率,复杂的Git操作一句话搞定

56.7k4.1k
skills

anthropics/skills

anthropics

Claude技能库就像给AI装了个万能工具箱,无论是设计创意、文档处理还是技术开发,都能找到现成的解决方案。让你告别重复劳动,AI瞬间变身你的专属效率助手。

官方技能库质量有保障,开箱即用解决90%专业需求

56.7k5.5k
context7

upstash/context7

upstash

Context7就像给你的AI编程助手装上了实时更新的百科全书。它会自动拉取最新版本的库文档和代码示例,再也不用担心AI给你过时的解决方案或者根本不存在的API了。

彻底解决AI编程最头疼的问题——过时的文档和虚假API

42.0k2.0k
cherry-studio

CherryHQ/cherry-studio

CherryHQ

Cherry Studio 是你的 AI 超级工具箱,一个桌面端就能同时调用 OpenAI、Claude、Gemini 等主流大模型。300+预置助手任选,支持文档处理、代码高亮,还能多模型协同对话。

聚合主流AI服务,文档处理与代码开发无缝衔接,开源免费却有商业级体验

38.7k3.6k