Markdown Article Formatter
JimLiu/baoyu-skills
Reformats plain text or Markdown articles with frontmatter, a title, a summary, headings, bold, lists and code blocks, and saves a separate formatted copy.
Provides official TechWolf logo files in multiple variants (dark, white, monochrome) as SVG and PNG.
Install Techwolf Logo
$ npx skills add techwolf-ai/ai-first-toolkit --skill techwolf-logo -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install techwolf-ai/ai-first-toolkit techwolf-logo --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/techwolf-ai/ai-first-toolkit.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/techwolf-brand-kit/skills/techwolf-logo .claude/skills/techwolf-logo && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "techwolf-logo" agent skill from https://github.com/techwolf-ai/ai-first-toolkit/tree/main/plugins/techwolf-brand-kit/skills/techwolf-logo into .claude/skills/techwolf-logo/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "techwolf-logo", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/techwolf-ai/ai-first-toolkit/tree/main/plugins/techwolf-brand-kit/skills/techwolf-logoType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add techwolf-ai/ai-first-toolkit --skill techwolf-logo -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install techwolf-ai/ai-first-toolkit techwolf-logo --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/techwolf-ai/ai-first-toolkit.git skills-src && mkdir -p .agents/skills && cp -r skills-src/plugins/techwolf-brand-kit/skills/techwolf-logo .agents/skills/techwolf-logo && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "techwolf-logo" agent skill from https://github.com/techwolf-ai/ai-first-toolkit/tree/main/plugins/techwolf-brand-kit/skills/techwolf-logo into .agents/skills/techwolf-logo/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "techwolf-logo", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add techwolf-ai/ai-first-toolkit --skill techwolf-logo -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install techwolf-ai/ai-first-toolkit techwolf-logo --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/techwolf-ai/ai-first-toolkit.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/plugins/techwolf-brand-kit/skills/techwolf-logo .cursor/skills/techwolf-logo && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "techwolf-logo" agent skill from https://github.com/techwolf-ai/ai-first-toolkit/tree/main/plugins/techwolf-brand-kit/skills/techwolf-logo into .cursor/skills/techwolf-logo/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "techwolf-logo", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/techwolf-ai/ai-first-toolkit.git --path plugins/techwolf-brand-kit/skills/techwolf-logo--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add techwolf-ai/ai-first-toolkit --skill techwolf-logo -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install techwolf-ai/ai-first-toolkit techwolf-logo --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/techwolf-ai/ai-first-toolkit.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/plugins/techwolf-brand-kit/skills/techwolf-logo .gemini/skills/techwolf-logo && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "techwolf-logo" agent skill from https://github.com/techwolf-ai/ai-first-toolkit/tree/main/plugins/techwolf-brand-kit/skills/techwolf-logo into .gemini/skills/techwolf-logo/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "techwolf-logo", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install techwolf-ai/ai-first-toolkit techwolf-logoInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add techwolf-ai/ai-first-toolkit --skill techwolf-logo -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/techwolf-ai/ai-first-toolkit.git skills-src && mkdir -p .github/skills && cp -r skills-src/plugins/techwolf-brand-kit/skills/techwolf-logo .github/skills/techwolf-logo && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "techwolf-logo" agent skill from https://github.com/techwolf-ai/ai-first-toolkit/tree/main/plugins/techwolf-brand-kit/skills/techwolf-logo into .github/skills/techwolf-logo/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "techwolf-logo", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add techwolf-ai/ai-first-toolkit --skill techwolf-logo -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install techwolf-ai/ai-first-toolkit techwolf-logo --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/techwolf-ai/ai-first-toolkit.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/plugins/techwolf-brand-kit/skills/techwolf-logo .opencode/skills/techwolf-logo && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "techwolf-logo" agent skill from https://github.com/techwolf-ai/ai-first-toolkit/tree/main/plugins/techwolf-brand-kit/skills/techwolf-logo into .opencode/skills/techwolf-logo/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "techwolf-logo", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
techwolf-logo- GitHub stars
- 132
- Token cost
- ~1.1k tokens
- SKILL.md length
- 283 words
- Files
- 9
- Skills in repo
- 29
- Repo updated
- First seen
- Licence
- MIT
At a glance
Provides official TechWolf logo files in multiple variants (dark, white, monochrome) as SVG and PNG.
- Works in 2 steps: Read the appropriate SVG file from this… → Embed the SVG content inline in your HTML
- Any output needs a TechWolf logo
- SKILL.md covers CRITICAL RULE, Logo Variants, How to Use and Choosing the Right Variant
- Reaches w3.org
What it does
Techwolf Logo is an agent skill from techwolf-ai/ai-first-toolkit. Provides official TechWolf logo files in multiple variants (dark, white, monochrome) as SVG and PNG. Use when any output needs a TechWolf logo.
Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 8 other files.
It sits in Documents & Office. The repository describes itself as: Open-source Claude Code skills and Codex skills for AI-first work. Audit, re-engineer, and bootstrap projects with AI-first design principles. The licence is MIT.
When your agent uses it
- Any output needs a TechWolf logo
Example prompts
- “Use the techwolf-logo skill to provide official TechWolf logo files in multiple variants (dark, white, monochrome) as SVG and PNG”
- “/techwolf-logo”
Workflow steps
2 steps, taken from the first numbered list in SKILL.md.
- Read the appropriate SVG file from this skill directory
- Embed the SVG content inline in your HTML
What it can do on your machine
Read from SKILL.md and the folder at commit 2ee7841. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md (its code samples are html).
From the folder's file list and the shell code blocks in SKILL.md.
Network
Hosts in commands or code, which the agent is likely to contact:
w3.org
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Techwolf Logo loads about 1.1k tokens when it runs. Until then it costs about 39 tokens; SKILL.md has 283 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from techwolf-ai/ai-first-toolkit at commit 2ee7841, republished under its MIT licence (© techwolf-ai). 283 words, ~1,120 tokens.
Download SKILL.mdSave it as
.claude/skills/techwolf-logo/SKILL.md (or your agent's skills folder). This skill also uses 8 other files; get the full folder from GitHub.- name
- techwolf-logo
- description
- Provides official TechWolf logo files in multiple variants (dark, white, monochrome) as SVG and PNG. Use when any output needs a TechWolf logo.
TechWolf Logo Skill
This skill bundles the official TechWolf logo assets. Always use these files when a TechWolf logo is needed in any output.
CRITICAL RULE
NEVER generate, recreate, or approximate the TechWolf logo from memory. The logo contains precise SVG paths that cannot be reproduced correctly by guessing. Always read and copy the exact files from this skill directory.
Logo Variants
| File | Description | Use when |
|---|---|---|
techwolf-logo-dark | Dark text + aquamarine circle | Light backgrounds |
techwolf-logo-white | White text + aquamarine circle | Dark backgrounds (most common in TechWolf UI) |
techwolf-logo-mono-dark | All dark (single color) | Monochrome contexts on light backgrounds |
techwolf-logo-mono-white | All white (single color) | Monochrome contexts on dark backgrounds |
Each variant is available as both .svg (vector, preferred for web) and .png (raster, for documents/images).
How to Use
In HTML / Web outputs
- Read the appropriate SVG file from this skill directory
- Embed the SVG content inline in your HTML
<!-- Example: read techwolf-logo-white.svg and paste its content here -->
<div class="logo">
<!-- paste exact SVG content from the file -->
</div>In documents, images, or other outputs
- Copy the appropriate PNG file to your output directory
- Reference it from your document
currentColor version (for HTML where logo color should inherit from parent)
When you need the logo to inherit its color from a parent CSS color property (e.g., in slide decks or themed UIs), use this inline SVG. The text paths use currentColor and the "O" circle stays aquamarine (#63FFD9):
<svg width="100" height="11" viewBox="0 0 151 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.7243 4.72539H9.288V15.5364H4.9785V4.72539H0.5V1.46289H13.7243V4.72539Z" fill="currentColor"/><path d="M31.4468 12.2739V15.5364H19.9336V1.46289H31.1722V4.72539H24.2431V7.00701H29.7779V10.035H24.2431V12.2739H31.4468Z" fill="currentColor"/><path d="M50.3094 11.3574C49.9292 12.8642 49.1898 13.973 48.0912 14.6838C47.0069 15.3946 45.6549 15.7499 44.0352 15.7499C42.5988 15.7499 41.3525 15.4657 40.2962 14.8971C39.254 14.3284 38.4512 13.4968 37.8879 12.4022C37.3245 11.3076 37.043 10.0069 37.043 8.5C37.043 6.99313 37.3245 5.6995 37.8879 4.61911C38.4512 3.5245 39.254 2.69289 40.2962 2.12427C41.3384 1.54142 42.5777 1.25 44.0142 1.25C45.5915 1.25 46.9365 1.59118 48.0491 2.27353C49.1616 2.94166 49.8728 3.95809 50.1827 5.32279L46.4435 6.83676C46.2887 5.96961 46.0352 5.37966 45.683 5.06691C45.3309 4.73995 44.8169 4.57647 44.141 4.57647C43.2818 4.57647 42.62 4.90344 42.1551 5.55735C41.7045 6.21127 41.4792 7.19215 41.4792 8.5C41.4792 11.1157 42.3524 12.4235 44.0987 12.4235C44.8028 12.4235 45.338 12.2601 45.7041 11.9331C46.0844 11.5919 46.3379 11.0517 46.4646 10.3125L50.3094 11.3574Z" fill="currentColor"/><path d="M69.5085 1.46289V15.5364H65.1779V10.0776H60.6572V15.5364H56.3477V1.46289H60.6572V6.8151H65.1779V1.46289H69.5085Z" fill="currentColor"/><path d="M84.0013 15.5364H79.2271L75.2344 1.46289H79.882L81.8465 12.1033L84.0436 1.46289H87.8461L90.1487 12.0607L92.0711 1.46289H96.5495L92.557 15.5364H87.9094L86.5574 9.52318L85.987 6.0048H85.9237L85.3532 9.52318L84.0013 15.5364Z" fill="currentColor"/><path d="M115.236 8.25098C115.236 12.3931 112.012 15.751 108.034 15.751C104.056 15.751 100.832 12.3931 100.832 8.25098C100.832 4.10885 104.056 0.750977 108.034 0.750977C112.012 0.750977 115.236 4.10885 115.236 8.25098Z" fill="#63FFD9"/><path d="M133.04 12.2739V15.5364H122.098V1.46289H126.407V12.2739H133.04Z" fill="currentColor"/><path d="M143.591 4.72539V7.17759H149.125V10.4401H143.591V15.5364H139.281V1.46289H150.499V4.72539H143.591Z" fill="currentColor"/></svg>Choosing the Right Variant
- Building a web app with dark TechWolf theme? Use
techwolf-logo-white(SVG preferred) - Building a web app with light theme? Use
techwolf-logo-dark(SVG preferred) - Creating a slide deck? Use the
currentColorversion above in the.tw-logoelement - Generating a PDF or document? Use the PNG variant matching your background
- Need a watermark or subtle branding? Use the mono variant matching your background
© techwolf-ai, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 8 other files in plugins/techwolf-brand-kit/skills/techwolf-logo of techwolf-ai/ai-first-toolkit.
- SKILL.md
- techwolf-logo-dark.png
- techwolf-logo-dark.svg
- techwolf-logo-mono-dark.png
- techwolf-logo-mono-dark.svg
- techwolf-logo-mono-white.png
- techwolf-logo-mono-white.svg
- techwolf-logo-white.png
- techwolf-logo-white.svg
Open the folder on GitHubat commit 2ee7841
Compare with similar skills
Techwolf Logo next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Techwolf Logo this skilltechwolf-ai/ai-first-toolkit | 132 | — | ~1.1k | Automated safety check: Pass | MIT | |
| Markdown Article FormatterJimLiu/baoyu-skills | 26k | 6 repos | ~3.5k | Automated safety check: Pass | MIT | |
| MarkitdownImCa0/just-laws | 781 | 14 repos | ~3.2k | Automated safety check: Notes | MIT | |
| Obsidian MarkdownAtmosphere/atmosphere | 3.8k | 20 repos | ~1.3k | Automated safety check: Pass | Apache-2.0 | |
| DOCXrvdbreemen/OTGW-firmware | 207 | 33 repos | ~4.3k | Automated safety check: Pass | Proprietary | |
| Gzh Designisjiamu/gzh-design-skill | 3.9k | 1 repos | ~2.2k | Automated safety check: Pass | AGPL-3.0 |
Similar skills
Markitdown
ImCa0/just-laws
Convert files and office documents to Markdown. An agent skill from ImCa0/just-laws.
Obsidian Markdown
Atmosphere/atmosphere
Create and edit Obsidian Flavored Markdown with wikilinks, embeds, callouts, properties, and other Obsidian-specific syntax.
DOCX
rvdbreemen/OTGW-firmware
A skill your agent uses whenever the user wants to create, read, edit, or manipulate Word documents (.docx files).
Gzh Design
isjiamu/gzh-design-skill
微信公众号文章排版引擎，将 Markdown 转换为可直接粘贴到公众号编辑器的 HTML。主题风格从 references/theme-index.md 注册的自定义主题库中选取，自动章节编号、关键词下划线标记、引言卡片、目录导航、代码块、图片/GIF、作者签名。支持 Markdown / Word(.docx) / PDF / 纯文本输入（非 Markdown…
Word Document Reader and Writer
HKUDS/DeepTutor
Reads, creates and edits Word .docx files with python-docx, and drops to raw OOXML for tracked changes, comments and byte-exact edits.
More from techwolf-ai/ai-first-toolkit
All 29 skills in this repoTask Profile
techwolf-ai/ai-first-toolkit
Mine the user's Claude Code + Cowork session history into a structured task profile, what they do with AI, how often, how successfully where friction lives, then propose atomic skills that would…
Token Doctor
techwolf-ai/ai-first-toolkit
Personal diagnosis of where your Claude Code + Cowork spend goes.
Session Search
techwolf-ai/ai-first-toolkit
Find context from past Claude Code (CLI) and Claude Cowork (desktop) sessions on this Mac.
Write Blog Post
techwolf-ai/ai-first-toolkit
Write or develop a blog post. An agent skill from techwolf-ai/ai-first-toolkit.
Write Opinion
techwolf-ai/ai-first-toolkit
Write or develop an opinion piece (opiniestuk/op-ed). An agent skill from techwolf-ai/ai-first-toolkit.
AI Firstify
techwolf-ai/ai-first-toolkit
Analyze, re-engineer, or bootstrap projects to align with AI-first design principles.
Related
Categories
Questions about Techwolf Logo
What does Techwolf Logo do?
Provides official TechWolf logo files in multiple variants (dark, white, monochrome) as SVG and PNG. Techwolf Logo is an agent skill from techwolf-ai/ai-first-toolkit. Provides official TechWolf logo files in multiple variants (dark, white, monochrome) as SVG and PNG.
When should I use Techwolf Logo?
Techwolf Logo fits situations like: any output needs a TechWolf logo.
How do I install Techwolf Logo in Claude Code?
Run `npx skills add techwolf-ai/ai-first-toolkit --skill techwolf-logo -a claude-code`. Or copy the skill folder (plugins/techwolf-brand-kit/skills/techwolf-logo in techwolf-ai/ai-first-toolkit) into .claude/skills/techwolf-logo in your project. Claude Code loads it when a task matches its description.
How do I install Techwolf Logo in Codex?
Run `npx skills add techwolf-ai/ai-first-toolkit --skill techwolf-logo -a codex`. Or copy the skill folder (plugins/techwolf-brand-kit/skills/techwolf-logo in techwolf-ai/ai-first-toolkit) into .agents/skills/techwolf-logo in your project. Codex loads it when a task matches its description.
Can I use Techwolf Logo in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add techwolf-ai/ai-first-toolkit --skill techwolf-logo -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/techwolf-logo, .gemini/skills/techwolf-logo, .github/skills/techwolf-logo and .opencode/skills/techwolf-logo in your project.
What does Techwolf Logo need to run?
SKILL.md names no scripts, command-line tools or credentials: Techwolf Logo is instructions for the agent only.
Does Techwolf Logo access the network?
SKILL.md names 1 domain. In commands or code: w3.org; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.
Is Techwolf Logo safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Techwolf Logo use?
Techwolf Logo is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Techwolf Logo use?
About 1.1k tokens (SKILL.md is roughly 4.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Techwolf Logo?
Skills that share tags, products or a category with Techwolf Logo: Markdown Article Formatter (JimLiu/baoyu-skills, 26k stars), Markitdown (ImCa0/just-laws, 781 stars), Obsidian Markdown (Atmosphere/atmosphere, 3.8k stars) and DOCX (rvdbreemen/OTGW-firmware, 207 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Techwolf Logo?
techwolf-ai (a GitHub organization) maintains it in techwolf-ai/ai-first-toolkit, which has 132 GitHub stars. The repository holds 29 skills in this directory. The repository was last updated on September 29, 2026.
Source: techwolf-ai/ai-first-toolkit on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.