关于 tech-logos
tech-logos 是一项在代码库中查找和添加科技品牌标志的技能,强调优先使用现有公开导出,并遵循项目的资源与组件规范。
主要功能
- 01检查现有标志清单
- 02为缺失标志寻找权威资源
- 03保留来源信息并确保无障碍
- 04更新共享导出和相关故事
适用场景
- 01复用项目中已有的标志
- 02将缺失品牌标志添加到共享目录
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ pedronauck/ skills --skill tech-logos安装后在 Claude Code 中输入/tech-logos确认已加载。
详细介绍
技术 Logo
在获取或安装任何内容之前,先复用仓库中现有的官方品牌素材。检查 Logo 索引和组件的实际 props;不要假设每个 Logo 都支持 variant 或 mode。
- 在现有素材清单中查找 Logo,并通过该清单的公开导出导入。
- 如果找不到,则使用权威品牌素材和项目既定的 SVG/组件模式。保留来源信息、品牌几何形状、无障碍标签,以及恰当的浅色/深色模式支持。
- 只将所请求的素材添加到共享 Logo 目录和公开导出中。如果它展示了新的受支持状态,则扩展相应的 story;不要创建包含所有品牌的包,也不要复制应用本地的 Logo。
- 只有在任务要求使用外部注册表(例如 Elements),或项目已采用该注册表时,才使用它。检查拟添加的文件,并使用仓库的包管理器。缺少 Logo 不意味着需要向第三方提交 issue。
评论
支持 Markdown