ClickSay

ClickSay

ClickSay是一款Chrome扩展程序,专为使用Claude Code、Cursor等AI编程工具的开发者打造。它能让开发者通过点击UI元素、语音反馈的方式向AI传达修改需求,自动捕获选择器、样式、截图和组件名等信息,为AI提供完整上下文,提高编程效率。产品具有隐私优先的特点,数据不会离开浏览器,无需注册登录。定价方面,支持免费试用,有免费版和Pro版,免费版可进行每月5次捕获等基础操作,Pro版则提供无限捕获、框架检测等高级功能,7美元/月或45美元/年。

需求人群:

["开发者:对于使用Claude Code、Cursor等AI编程工具的开发者来说,ClickSay能帮助他们更高效地与AI沟通。通过自动捕获界面元素的相关信息,避免手动输入选择器、样式等内容,节省时间和精力,提高编程效率。", "Web设计师:Web设计师在进行界面设计和修改时,可能需要与开发团队或AI工具协作。ClickSay可以让他们通过语音快速反馈界面修改需求,同时AI能准确获取界面元素的详细信息,使修改更加精准。", "无障碍测试人员:ClickSay的无障碍审计功能可以帮助无障碍测试人员检测网页元素的可访问性问题,并将问题反馈给AI进行修复,提高网页的无障碍水平。"]

使用场景示例:

开发者在修改GitHub仪表盘页面的标题样式时,点击标题元素,说出“把这个标题变小,改成深蓝色,字体换成Inter”,ClickSay自动捕获相关信息并复制到Claude Code,AI快速完成修改。

Web设计师在设计一个React项目的界面时,通过Shift点击多个卡片元素,说“修复所有这些卡片的间距”,然后将提示粘贴到Cursor,AI根据完整上下文调整卡片间距。

无障碍测试人员在检查一个Angular应用的可访问性时,使用ClickSay检测元素的WCAG对比度等问题,将反馈信息发送给Replit中的AI,AI对存在的问题进行修复。

产品特色:

自动捕获上下文:ClickSay会自动捕获AI做出正确修改所需的一切信息,包括选择器、样式、HTML、截图和组件名称,将所有上下文整理在一处,让AI一次就做对。

语音优先工作流:采用语音优先的工作方式,点击元素时麦克风自动激活,实时捕获用户的反馈。用户无需打字、截图或复制选择器,像跟同事说话一样自然地表达需求即可。

直接发送到AI:本地中继能将提示直接发送到终端中的Claude Code,用户说话后AI就开始工作,无需手动粘贴和切换窗口。

扫描模式:支持Shift点击多个元素,用户可以给所有选中的元素一个反馈,如“修复所有这些卡片的间距”,方便快捷地处理多个元素的问题。

框架检测:自动识别React、Next js、Vue、Svelte和Angular组件,让AI在提示中获得组件名称和文件路径,更好地理解项目结构。

可配置输出:提供简单、标准、详细或完整等多种输出格式,还有单独的切换按钮,用户可以精确控制AI接收的上下文。

无障碍审计:检测每个点击元素的WCAG对比度、alt文本、ARIA和触摸目标问题,让AI也能修复无障碍问题,确保网页的可访问性。

使用教程:

1. 点击任意元素:按下Cmd + Shift + K,然后点击页面上的任何元素。ClickSay会捕获该元素的选择器、样式、HTML、截图和组件名称。

2. 说出你的反馈:麦克风自动启动,用户可以自然地说出修改需求,如“把这个变大”或“修复间距”。

3. 粘贴到AI工具:一个包含完整上下文的结构化提示会自动复制到剪贴板,用户将其粘贴到Claude Code、Codex、Cursor、Lovable、Replit或Bolt new等AI工具中,AI即可准确理解需求并进行修改。

浏览量:1

打开站点

类似产品

© 2026     AIbase    备案号:闽ICP备08105208号-14

隐私政策

用户协议

意见反馈 网站地图