Preview gallery
关于这个 Skill
Spectrum Monitor Chart 是一种可立即粘贴的数据可视化，作为可编辑源及其使用示例提供。它附带了访问者可以更改并查看响应的状态。颜色、类型和半径作为标记存在，您可以为整个块编辑一次。
About this Skill
您粘贴一个块，真实的数据可视化就会出现在页面上，该数据可视化是正确绘制的，而不是用 SVG 绘制的。输入你的数字，形状就会重新绘制。
What you get
- 频谱监视器图表的完整源代码 — 组件文件以及可运行的使用示例，可供粘贴和编辑。
- 书面视觉合同：调色板、字体比例、半径、图标笔画和运动计时，所有这些都作为您在一个地方编辑的标记。
- 响应断点已经调整，从桌面到手机。
如何使用
- 告诉您的助手该部分的位置，它首先读取您的项目，然后按照项目已编写的方式写入块。
- 用你的话替换这些词。字体大小和间距自行保留。
- 更改一处的强调色，整个块都会随之更改。
- 发货前请在手机上查看。它已经被建造成可以容纳在那里。
What you need before you start
- Last tested
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
What you get
- 频谱监视器图表的完整源代码 — 组件文件以及可运行的使用示例，可供粘贴和编辑。
- 书面视觉合同：调色板、字体比例、半径、图标笔画和运动计时，所有这些都作为您在一个地方编辑的标记。
- 响应断点已经调整，从桌面到手机。
Good fit
- 您需要在页面上进行数据可视化，但不想连接图表库。
- 您希望图表调色板和间距与页面的其余部分相匹配。
- 您需要可以编辑的可读源，而不是另一个需要不断升级的依赖项。
Not for
- 团队已经在运行成熟的设计系统——这个调色板和字体比例将与你的相抗衡。
- 任何想要版本化 npm 包的人；这会给你提供维持自己的资源。
- 需要导航、表单、身份验证或结账的项目——本块均不涵盖。
Client & Executive Reporting研究与技术交流网页设计和数字体验创建信息图创建 UI 视觉效果建立网站页面Editable Output视觉上抛光适合初学者暖中性青色口音社论
User reviews
Loading reviews…
