TypeUI DESIGN 网站设计扒取(浏览器插件)

AI
AI文摘 此内容由AI根据文章内容自动生成
AI Summary

插件简介:

一款能够从任何网站中提取样式和信息,并生成 DESIGN.md 或 SKILL.md 文件的插件。能够读取活动标签页中的样式,包括字体、颜色、间距、半径、阴影和动画等。

基于开源的 TypeUI DESIGN.md 格式,可用于与 Google Stitch、Claude Code、Codex 等工具一起构建具有给定设计系统蓝图 websites。

图片[1]-TypeUI DESIGN 网站设计扒取(浏览器插件)-大海资源库

操作

ActionDescription
Auto-extract读取活动标签页中的样式(排版、颜色、间距、半径、阴影、运动)。
Generate DESIGN.md从提取的信号中生成设计系统文档的标记值。
Generate SKILL.md从提取的信号中生成代理准备技能标记。
Refresh为当前页面状态重新运行提取。
Download将生成的输出保存为DESIGN.mdSKILL.md
Explain (?)显示文件是如何生成的,带有TypeUI引用。

生成文件结构

生成的降价结构如下:

SectionWhat it does
Mission定义被提取场地的设计系统目标。
Brand捕捉产品/品牌上下文、URL、受众和产品表面。
Style Foundations列表推断出视觉符号和基础。
Accessibility适用WCAG 2.2 AA要求和交互约束。
Writing Tone为实现就绪输出设定指导基调。
Rules: Do列出了所需的实施实践。
Rules: Don't列出反模式和禁止行为。
Guideline Authoring WorkflowDefines ordered guideline authoring steps.定义了有序的指南编写步骤。
Required Output StructureEnforces consistent output sections.强制输出部分保持一致。
Component Rule ExpectationsDefines required interaction/state details.定义了所需的交互/状态细节。
Quality GatesAdds testable quality and consistency checks.增加了可测试的质量和一致性检查功能。
© 版权声明
THE END
点赞10分享
及时反馈~ 抢沙发

请登录后发表评论

    暂无评论内容