Item logo image for Yotsuba 网页风格提取器

Yotsuba 网页风格提取器

ExtensionDeveloper Tools4 users
Item media 4 (screenshot) for Yotsuba 网页风格提取器
Item media 1 (screenshot) for Yotsuba 网页风格提取器
Item media 2 (screenshot) for Yotsuba 网页风格提取器
Item media 3 (screenshot) for Yotsuba 网页风格提取器
Item media 4 (screenshot) for Yotsuba 网页风格提取器
Item media 1 (screenshot) for Yotsuba 网页风格提取器
Item media 1 (screenshot) for Yotsuba 网页风格提取器
Item media 2 (screenshot) for Yotsuba 网页风格提取器
Item media 3 (screenshot) for Yotsuba 网页风格提取器
Item media 4 (screenshot) for Yotsuba 网页风格提取器

Overview

提取当前网页的配色、布局、组件、交互和动效,生成可直接使用的 Prompt,帮助你参考或还原网页风格。

看到喜欢的网页,想参考它的配色、布局或交互,却不知道该怎样准确描述?Yotsuba 网页风格提取器可以把当前页面整理成清晰的风格参考和可直接使用的 Prompt。 打开网页后点击“智能捕获”,即可提取页面的配色、字体、间距、布局、组件、交互状态和动效。捕获结果会显示在 Chrome 侧边栏中,你可以查看已整理的内容、缺少的状态和下一步建议。 主要功能: • 一键提取网页配色、布局、组件、交互和动效 • 生成适合常见编码工具使用的网页实现 Prompt • “设计参照”模式用于借鉴网页风格并设计原创页面 • “经授权重建”模式用于整理明确页面、尺寸和状态的还原资料 • 自动提示需要补充的悬停、展开、滚动或响应式状态 • 导出 Prompt、风格参考和重建资料包 基础提取不需要账号,也不需要配置模型服务。采集、历史和导出默认在本机完成;只有你主动配置服务并要求生成内容时,才会发送精简后的页面特征。 扩展不会在后台自动扫描网页,不会自动点击、输入、提交表单或跳转页面。请只在你有权查看、参考或还原的网页上使用。

Details

  • Version
    0.3.1
  • Updated
    August 4, 2026
  • Offered by
    yotsuba
  • Size
    336KiB
  • Languages
    中文(中国)
  • Developer
    Email
    1020321364@qq.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization

Yotsuba 网页风格提取器 has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.

Yotsuba 网页风格提取器 handles the following:

Authentication information
Web history
User activity
Website content

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, please open this page on your desktop browser

Google apps