mcpField
T
tech-logos

tech-logos

github.com/pedronauck设计与 UI644246 次安装1 周前更新
代码仓库

关于 tech-logos

tech-logos 是一项在代码库中查找和添加科技品牌标志的技能,强调优先使用现有公开导出,并遵循项目的资源与组件规范。

主要功能

  1. 01检查现有标志清单
  2. 02为缺失标志寻找权威资源
  3. 03保留来源信息并确保无障碍
  4. 04更新共享导出和相关故事

适用场景

  1. 01复用项目中已有的标志
  2. 02将缺失品牌标志添加到共享目录

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/pedronauck/skills --skill tech-logos

安装后在 Claude Code 中输入/tech-logos确认已加载。

详细介绍

技术 Logo

在获取或安装任何内容之前,先复用仓库中现有的官方品牌素材。检查 Logo 索引和组件的实际 props;不要假设每个 Logo 都支持 variant 或 mode。

  1. 在现有素材清单中查找 Logo,并通过该清单的公开导出导入。
  2. 如果找不到,则使用权威品牌素材和项目既定的 SVG/组件模式。保留来源信息、品牌几何形状、无障碍标签,以及恰当的浅色/深色模式支持。
  3. 只将所请求的素材添加到共享 Logo 目录和公开导出中。如果它展示了新的受支持状态,则扩展相应的 story;不要创建包含所有品牌的包,也不要复制应用本地的 Logo。
  4. 只有在任务要求使用外部注册表(例如 Elements),或项目已采用该注册表时,才使用它。检查拟添加的文件,并使用仓库的包管理器。缺少 Logo 不意味着需要向第三方提交 issue。

评论

支持 Markdown