About tech-logos
tech-logos is a skill for locating and adding technology brand logos in a repository. It emphasizes using existing public exports and following the project’s asset and component conventions.
Key features
- 01Check the existing logo inventory
- 02Use authoritative assets for missing logos
- 03Preserve provenance and accessibility
- 04Update shared exports and relevant stories
Use cases
- 01Reuse a logo already in a project
- 02Add a missing brand logo to a shared directory
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/tech-logosin Claude Code to confirm it loaded.
Details
From the project READMETech Logos
Reuse the repository's existing official brand assets before fetching or installing anything. Inspect the logo index and the component's real props; do not assume every logo supports variant or mode.
- Find the logo in the existing inventory and import it through that inventory's public export.
- When it is missing, use an authoritative brand asset and the project's established SVG/component pattern. Preserve provenance, brand geometry, accessible labeling, and appropriate light/dark behavior.
- Add only the requested asset to the shared logo directory and public export. Extend the relevant story when it demonstrates a new supported state; no all-brand bundles or duplicated app-local logos.
- Use an external registry such as Elements only when the task calls for that source or the project already adopts it. Inspect the proposed files and use the repository package manager. A missing logo does not require opening a third-party issue.
Comments
Markdown supported