AI文摘 此内容由AI根据文章内容自动生成
AI Summary
插件简介:
一款能够从任何网站中提取样式和信息,并生成 DESIGN.md 或 SKILL.md 文件的插件。能够读取活动标签页中的样式,包括字体、颜色、间距、半径、阴影和动画等。
基于开源的 TypeUI DESIGN.md 格式,可用于与 Google Stitch、Claude Code、Codex 等工具一起构建具有给定设计系统蓝图 websites。
![图片[1]-TypeUI DESIGN 网站设计扒取(浏览器插件)-大海资源库](https://img.lzzcc.cn/i/2026/07/31/qig3xa.png)
操作
| Action | Description |
|---|---|
| Auto-extract | 读取活动标签页中的样式(排版、颜色、间距、半径、阴影、运动)。 |
Generate DESIGN.md | 从提取的信号中生成设计系统文档的标记值。 |
Generate SKILL.md | 从提取的信号中生成代理准备技能标记。 |
| Refresh | 为当前页面状态重新运行提取。 |
| Download | 将生成的输出保存为DESIGN.md或SKILL.md。 |
Explain (?) | 显示文件是如何生成的,带有TypeUI引用。 |
生成文件结构
生成的降价结构如下:
| Section | What it does |
|---|---|
Mission | 定义被提取场地的设计系统目标。 |
Brand | 捕捉产品/品牌上下文、URL、受众和产品表面。 |
Style Foundations | 列表推断出视觉符号和基础。 |
Accessibility | 适用WCAG 2.2 AA要求和交互约束。 |
Writing Tone | 为实现就绪输出设定指导基调。 |
Rules: Do | 列出了所需的实施实践。 |
Rules: Don't | 列出反模式和禁止行为。 |
Guideline Authoring Workflow | Defines ordered guideline authoring steps.定义了有序的指南编写步骤。 |
Required Output Structure | Enforces consistent output sections.强制输出部分保持一致。 |
Component Rule Expectations | Defines required interaction/state details.定义了所需的交互/状态细节。 |
Quality Gates | Adds testable quality and consistency checks.增加了可测试的质量和一致性检查功能。 |
© 版权声明
NOTICE
1240555208@qq.com|Copyright © 2023~2026
01
DISCLAIMER
本站资源大多来自网络,如有侵犯权益请联系管理员,我们会第一时间审核删除。站内资源仅供学习测试,未经许可禁止商用,请在24小时内删除。
02
VIP PRIVILEGE
遇到付费内容?升级终身VIP即可全站免费畅享所有资源,可以联系我的微信进行开通。
大海聊天 QQ 3群:478065589
THE END








子比主题美化
精品源码资源 

暂无评论内容