ToolMage
登录

Peksy 是一款专为开发者设计的免费 Chrome 扩展程序。它允许您选择任何网页元素,并立即以优化的 Markdown 格式复制其上下文(包括 HTML、CSS 和组件信息),以便在 ChatGPT、Claude 和 Cursor 等 AI 编程助手中使用。

5.0
收录时间:
2025-12-09
价格类型:
免费
月流量:
5.2K

Peksy 概览

Peksy 是一款功能强大的免费 Chrome 扩展程序,旨在简化开发者使用 AI 编程助手的工作流程。它作为一个元素上下文抓取工具,允许用户选择网页上的任何元素并立即复制其完整上下文。这包括元素的 HTML 结构、计算后的 CSS 样式,甚至是对 React 和 Vue 等框架的组件信息。复制的上下文会自动格式化为简洁的 Markdown,可直接粘贴到 Claude、ChatGPT 或 Cursor 等 AI 聊天工具中,从而获得更准确、更相关的 AI 响应。

如何使用 Peksy

使用 Peksy 只需简单的三步:
1. 激活: 按住快捷键(例如 ⌘⇧,可配置)进入选择模式,光标会变成十字准线。
2. 选择: 单击选择单个元素,或拖动以选择多个元素。工具提示将显示元素信息的预览。
3. 粘贴: 元素的上下文会自动以 Markdown 格式复制到剪贴板。您只需将其粘贴到您偏好的 AI 助手聊天窗口中即可。

Peksy 的核心功能

  • 智能元素选择: 提供十字准线光标、实时元素高亮和工具提示预览,实现精准选择。
  • 3D DOM 可视化: 使用 Ctrl+Shift+3 切换页面的 3D DOM 结构视图,轻松调试 z-index 和堆叠上下文问题。
  • 支持 React 和 Vue: 自动检测并提取使用 React 或 Vue 构建的项目的组件名称、属性和源文件位置。
  • 捕获计算样式: 复制所有相关的计算后样式,包括布局、间距、排版和视觉属性。
  • 可自定义快捷键: 允许用户在扩展程序的设置中配置自己偏好的修饰键组合。
  • 一键复制: 选择后立即将格式化的 Markdown 上下文复制到剪贴板,无需额外步骤。

Peksy 的使用案例

Peksy 是前端开发者、网页设计师和 QA 工程师的理想工具。通过向 AI 提供元素的确切样式,它可以用于调试复杂的 CSS 问题。它还可用于生成样板代码、重构现有组件,或者让 AI 结合完整上下文解释用户界面的特定部分。

Peksy 的优势特点

Peksy 的主要优势是显著提高了 AI 在网页开发任务中生成响应的质量和准确性。它省去了开发者手动检查元素和复制代码的繁琐过程,节省了宝贵时间。该工具完全免费,无需用户账户,并支持现代开发框架,使其成为一个高度易用且高效的工具。

定价和计划

Peksy 完全免费使用。其官方网站明确指出,安装和使用此 Chrome 扩展程序无需任何账户。

Peksy 常见问题

Peksy 评论 (0)

登录后发表评论。

登录

暂无评论。

Peksy 替代方案

Webutility
免费

Webutility

WebUtility.io 是一个为Web开发人员、内容创作者和普通用户提供全面免费在线工具的套件。它提供了大量的实用程序,包括代码美化和压缩工具、数据转换器、各种生成器(密码、虚拟数据、AI提示词)、文本格式化工具和图像工具。其界面用户友好,无需注册,为各种日常数字任务提供快速高效的解决方案。

提示词工程
Visits 157.1KFavorites 152Likes 138
AtomicComponents
免费增值

AtomicComponents

AtomicComponents 是一个由 AI 驱动的 React 组件库,旨在更快地构建现代化、可扩展且易于访问的用户界面。它提供超过 115 个高度可定制的组件、30 种内置主题,并通过其模型上下文协议 (MCP) 服务器与 Claude 和 GitHub Copilot 等 AI 助手无缝集成。

设计系统
Visits 5.2KFavorites 68Likes 102
Relume
免费增值

Relume

Relume 是一个由 AI 驱动的平台,可加速网站设计和构建过程。它使用户能够通过简单的提示生成站点地图和线框图,创建全面的样式指南,并访问包含 1000 多个组件的庞大库。通过无缝导出到 Figma、Webflow 和 React,Relume 为设计师、开发人员和代理机构简化了整个工作流程,在几分钟内将想法变为高保真设计。

网站建设工具
Visits 664.9KFavorites 176Likes 184
Cmd J AI Assistant
免费增值

Cmd J AI Assistant

Cmd J 是一款通过键盘激活的AI助手,以Chrome扩展程序的形式提供,旨在提高生产力。它由ChatGPT驱动,可直接在浏览器中为写作、编码和研究提供即时帮助。只需按下快捷键(Cmd+J或Alt+J)即可调用AI,无需切换标签页或打开新应用,无缝融入任何工作流程。

Chrome 扩展程序
Visits 63.4KFavorites 121Likes 124
Frontender
免费增值

Frontender

一款强大的Figma插件,扮演您的私人初级开发人员,能即时将Figma设计稿转化为整洁、可用于生产环境的前端代码。它支持HTML、JSX、CSS、CSS-in-JS和Tailwind CSS,并能与React、Vue和Svelte等框架无缝协作,即使是杂乱的设计文件也能处理。

设计转代码
Visits 6.8KFavorites 127Likes 137

Peksy 分类

Peksy 标签

Peksy 职业

Peksy 嵌入功能

复制这段嵌入代码,将徽章放到博客、文章或产品官网,并把读者直接引导到 ToolMage 详情页。

ToolMageFOLLOW US ON95