Run any Skill in Manus with one click

tech-logos

Stars458

Forks70

UpdatedMay 12, 2026 at 16:26

Install official tech brand logos from the Elements registry. Use when user needs logos for tech companies (Clerk, Vercel, GitHub, etc.), AI providers (OpenAI, Anthropic, Claude), social platforms, or any brand assets. Triggers on "logo", "brand", "icon for [company]", "add [company] logo", placeholder logo detection, or when building landing pages, auth UIs, or integrations showcases. Don't use for custom in-house logos, generic icon libraries (Lucide, Heroicons), or marketing image assets.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

pedronauck

pedronauck/skills

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Web DevelopersComputer and Mathematical Occupations·SOC 15-1254

SKILL.md

readonly

name	tech-logos
description	Install official tech brand logos from the Elements registry. Use when user needs logos for tech companies (Clerk, Vercel, GitHub, etc.), AI providers (OpenAI, Anthropic, Claude), social platforms, or any brand assets. Triggers on "logo", "brand", "icon for [company]", "add [company] logo", placeholder logo detection, or when building landing pages, auth UIs, or integrations showcases. Don't use for custom in-house logos, generic icon libraries (Lucide, Heroicons), or marketing image assets.
metadata	{"author":"Pedro Nauck","github":"https://github.com/pedronauck","repository":"https://github.com/pedronauck/skills"}

Tech Logos

Install official, theme-aware brand logos from the Elements registry.

Install Pattern

npx shadcn@latest add @elements/{name}-logo

Examples: clerk-logo, github-logo, openai-logo, vercel-logo

Discover Available Logos

Option A: Scan registry (if in elements repo)

ls registry/default/blocks/logos/ | sed 's/-logo$//'

Option B: Browse https://tryelements.dev/docs/logos

After Install

Logos install to components/logos/{name}.tsx:

import { ClerkLogo } from "@/components/logos/clerk"

<ClerkLogo className="h-8 w-auto" />
<ClerkLogo variant="wordmark" mode="dark" />

Common Props

variant: "icon" | "wordmark"
mode: "light" | "dark" (auto-detects theme)
className: Standard className prop

Bundles

Need	Command
All logos	`@elements/logos`
AI providers	`@elements/ai-services`
Social platforms	`@elements/social-media`
Package managers	`@elements/package-managers`

Quick Patterns

# Auth stack
npx shadcn@latest add @elements/clerk-logo @elements/better-auth-logo

# AI models
npx shadcn@latest add @elements/openai-logo @elements/anthropic-logo @elements/claude-logo

# Social footer
npx shadcn@latest add @elements/twitter-logo @elements/github-logo @elements/discord-logo

# Tech stack
npx shadcn@latest add @elements/vercel-logo @elements/supabase-logo @elements/stripe-logo

Logo Not Found?

If the logo doesn't exist in the registry, help the user request it:

Generate a pre-filled GitHub issue URL:

https://github.com/crafter-station/elements/issues/new?title=[Logo%20Request]%20Add%20{Name}%20logo&body=...&labels=enhancement,logo-request

Example for "Neon" logo:

https://github.com/crafter-station/elements/issues/new?title=%5BLogo%20Request%5D%20Add%20Neon%20logo&body=%23%23%20Logo%20Request%0A%0A**Company%2FService%3A**%20Neon%0A**Website%3A**%20https%3A%2F%2Fneon.tech%0A%0A%23%23%20Why%20this%20logo%3F%0A%3C!--%20Brief%20description%20--%3E%0A%0A---%0A*Auto-generated%20from%20tech-logos%20skill*&labels=enhancement,logo-request

Tell the user:

"The {Name} logo isn't available yet. Click here to request it - the issue is pre-filled!"

More from this repository

same repository

insta-master

pedronauck/skills

Planeja, cria, distribui e monetiza conteúdo no Instagram combinando duas metodologias complementares — Hyeser (criador tático — Reels, viralização, engajamento, faceless) e Rafael Kiso (fundador da mLabs — algoritmo como grafo, retenção por superfície, busca/SEO/IA, jornada do consumidor, social media como negócio). Aciona ao definir nicho/subnicho, bio, @nome e plano 0→1000; montar estratégia de conteúdo (matriz COCA intenção×jornada); roteirizar Reels com gancho/retenção; planejar Stories, cadência e horário; diagnosticar alcance/engajamento/shadowban/Turbinar; otimizar busca, legenda-SEO, aparição em IA (AEO) e hashtags; planejar monetização (afiliado, cortes, faceless, Instagram Shop, venda pelo Direct, infoproduto) e precificação/agência/UGC. Usa o motor de retenção+sinais sociais por superfície e checklists de publicação. Não usar para edição de vídeo em DAW/NLE, geração de imagem por IA, automação/upload via API, nem métricas de YouTube, TikTok ou X (apenas canais de apoio).

2026-06-27458

yt-master

pedronauck/skills

Planeja, roteiriza, empacota (título + thumbnail) e otimiza vídeos do YouTube combinando duas metodologias complementares — Escola Para Youtubers (Caique Pereira — embrulho-primeiro, algoritmo, CTR) e Camilo Coutinho (veterano ~20 anos — SEO de busca/Google, sistema de produção sustentável, decisões de canal) — validadas por métricas reais de múltiplos canais. Aciona ao definir ideia/ângulo/nicho, gerar títulos e conceitos de thumbnail, escrever roteiro com gancho de retenção, diagnosticar CTR/retenção/algoritmo/SEO, otimizar descrição/capítulos/playlists, planejar monetização e crescimento (YouTube Shopping, YPP, Brand Connect, Shorts, copyright), montar sistema de conteúdo ("Fortaleza de Vídeos") e decidir nome/recomeço/migração de canal. Usa a pirâmide embrulho-primeiro, o funil de cinco etapas e checklists de publicação. Não usar para edição de vídeo, geração de imagem por modelo de IA, upload via API, métricas de TikTok, Instagram ou X, nem para parecer jurídico definitivo de direitos autorais.

2026-06-27458

kb-yt-channel

pedronauck/skills

Creates and maintains Knowledge Base topics from YouTube channels by scaffolding a yt-channels topic, bulk-ingesting transcripts through kb ingest channel, and validating/indexing the result. Use when turning a YouTube channel into a Karpathy KB topic. Do not use for single-video ingestion, general video summaries, or non-YouTube sources.

2026-06-27458

impl-peer-review

pedronauck/skills

Runs an optional cross-LLM peer review of an implemented change (the diff) via `compozy exec` and requires the reviewer to write one scoped Markdown findings artifact for user-directed remediation. The reviewer runtime is configurable through --ide / --model / --reasoning (defaults claude / opus / xhigh) and the verification gate through --verify. Project-agnostic: works in any repo and any language, auto-discovers project rule files (CLAUDE.md, AGENTS.md, .cursor/rules, CONTRIBUTING.md), auto-detects the verify command, and writes artifacts to --out, an auto-detected .compozy/tasks/<slug>/qa/ layout, or a .peer-reviews/<timestamp>/ fallback. Use after any implementation pass (feature, bug fix, refactor) when the user explicitly asks for an external review of the diff before commit or PR. Do not use for spec/TechSpec review (use spec-peer-review), automatic remediation, or auto-looped review cycles.

2026-06-27458

spec-peer-review

pedronauck/skills

Runs an optional cross-LLM peer review of a spec (TechSpec, design doc, RFC, or detailed PRD) via `compozy exec` and requires the reviewer to write one scoped Markdown findings artifact for user-directed incorporation. The reviewer runtime is configurable through --ide / --model / --reasoning (defaults claude / opus / xhigh). Project-agnostic: works in any repo, auto-discovers project rule files (CLAUDE.md, AGENTS.md, .cursor/rules, CONTRIBUTING.md), and writes artifacts to --out, an auto-detected .compozy/tasks/<slug>/qa/ layout, or a .peer-reviews/<timestamp>/ fallback. Use when a spec draft has already been approved by the user and they want an external review round, especially for autonomy/network/security/migration-impacting designs. Do not use for implementation/diff review (use impl-peer-review), automatic approval gates, or auto-looped review cycles.

2026-06-27458

cmux-orchestration

pedronauck/skills

Control cmux panes and surfaces to coordinate terminal agent workers. Use when a top-level agent needs to launch, prompt, monitor, or manage Claude Opus and Codex GPT-5.5 TUIs in the current cmux workspace, track worker state, delegate bounded tasks, or verify worker reports.

2026-06-12458

name	tech-logos
description	Install official tech brand logos from the Elements registry. Use when user needs logos for tech companies (Clerk, Vercel, GitHub, etc.), AI providers (OpenAI, Anthropic, Claude), social platforms, or any brand assets. Triggers on "logo", "brand", "icon for [company]", "add [company] logo", placeholder logo detection, or when building landing pages, auth UIs, or integrations showcases. Don't use for custom in-house logos, generic icon libraries (Lucide, Heroicons), or marketing image assets.
metadata	{"author":"Pedro Nauck","github":"https://github.com/pedronauck","repository":"https://github.com/pedronauck/skills"}

Tech Logos

Install official, theme-aware brand logos from the Elements registry.

Install Pattern

npx shadcn@latest add @elements/{name}-logo

Examples: clerk-logo, github-logo, openai-logo, vercel-logo

Discover Available Logos

Option A: Scan registry (if in elements repo)

ls registry/default/blocks/logos/ | sed 's/-logo$//'

Option B: Browse https://tryelements.dev/docs/logos

After Install

Logos install to components/logos/{name}.tsx:

import { ClerkLogo } from "@/components/logos/clerk"

<ClerkLogo className="h-8 w-auto" />
<ClerkLogo variant="wordmark" mode="dark" />

Common Props

variant: "icon" | "wordmark"
mode: "light" | "dark" (auto-detects theme)
className: Standard className prop

Bundles

Need	Command
All logos	`@elements/logos`
AI providers	`@elements/ai-services`
Social platforms	`@elements/social-media`
Package managers	`@elements/package-managers`

Quick Patterns

# Auth stack
npx shadcn@latest add @elements/clerk-logo @elements/better-auth-logo

# AI models
npx shadcn@latest add @elements/openai-logo @elements/anthropic-logo @elements/claude-logo

# Social footer
npx shadcn@latest add @elements/twitter-logo @elements/github-logo @elements/discord-logo

# Tech stack
npx shadcn@latest add @elements/vercel-logo @elements/supabase-logo @elements/stripe-logo

Logo Not Found?

If the logo doesn't exist in the registry, help the user request it:

Generate a pre-filled GitHub issue URL:

https://github.com/crafter-station/elements/issues/new?title=[Logo%20Request]%20Add%20{Name}%20logo&body=...&labels=enhancement,logo-request

Example for "Neon" logo:

https://github.com/crafter-station/elements/issues/new?title=%5BLogo%20Request%5D%20Add%20Neon%20logo&body=%23%23%20Logo%20Request%0A%0A**Company%2FService%3A**%20Neon%0A**Website%3A**%20https%3A%2F%2Fneon.tech%0A%0A%23%23%20Why%20this%20logo%3F%0A%3C!--%20Brief%20description%20--%3E%0A%0A---%0A*Auto-generated%20from%20tech-logos%20skill*&labels=enhancement,logo-request

Tell the user:

"The {Name} logo isn't available yet. Click here to request it - the issue is pre-filled!"