
animated-readme-logo
Create, transform, animate, or audit GitHub README logos and their verified SVG/PNG/GIF delivery. Use when a repository needs branding assets, not ordinary README prose or app/site motion.
- Installs
- 2.7K
- Last 24h
- —
- Trending rank
- —
- Security
- Not audited
Install
Works with every agent the skills CLI supports.
npx skills add https://github.com/stark-ai-de/agent-skills --skill animated-readme-logo- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads animated-readme-logo automatically when relevant.
- 03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.
SKILL.md
The instructions your agent reads when the skill is triggered.
Animated README Logo
Goal
Audit an existing README logo pipeline or deliver a portable, verified animation from a validated SVG master, deterministic motion specification, and executable repository recipe.
When to use
- Create, redesign, transform, animate, export, or review a repository or profile-README logo.
- Audit GitHub README logo compatibility, transparency, reduced motion, or local asset references.
- Turn an existing SVG or raster mark into a validated README asset pipeline.
When not to use
- Ordinary README prose editing with no logo or image concern.
- App/site motion unrelated to repository branding delivery.
- Generic image generation with no README or repository-logo target.
Workflow selection
Always expose exactly these public workflows:
audit: read-only assessment of existing README logo sources, animation assets, delivery markup, and validation evidence.create: design a new mark or intentional redesign and deliver the complete verified animation stack.transform: faithfully recreate or clean up an existing mark and deliver the complete verified animation stack.animate: use an acceptable existing SVG source and deliver the complete verified animation stack.
There is no auto workflow and no public export workflow. Export is an internal rendering stage of every mutating route.
Route from task intent:
- review, compatibility, or quality assessment selects
audit; - a new mark or intentional redesign selects
create; - faithful work from a raster, screenshot, poster, or unsuitable SVG selects
transform; - an acceptable existing SVG that needs motion or raster delivery selects
animate.
On every activation, show all four workflows, then Selected, Reason, source evidence, write scope, required outputs, protected originals, and remaining paid/tool/install/overwrite approvals. Proceed after the announcement when intent and mutation authority are unambiguous. A bare invocation, conflicting source evidence, or ambiguity about identity preservation, outcome, scope, or write authority asks the user to choose before substantive inspection. Agent-initiated activation may select audit; it may select a mutating workflow only when the existing task explicitly requested that outcome and scope.
Source routing is internal. Provider evaluation is available only within create, and selection never authorizes a credit-consuming call or tool installation.
For clear intent, a compact disclosure of audit | create | transform | animate and the selected route is sufficient; do not repeat a selection question or details already established in the conversation. Reuse an explicit approval only when it still covers the exact action, target, tool/provider, cost when relevant, and write scope. Separate approval boundaries remain separate: authorization for one never implies another. Ask again only for a changed or missing decision.
Inputs to inspect
- Repository identity, public brand copy, target surface, and requested task.
- README markup and root-bounded local asset references.
- Existing logo sources, reference-media fidelity needs, transparency, themes, dimensions, accessibility, and export constraints.
- Live provider, authoring, validator, exporter, and inspector capabilities without assuming availability.
Workflow
-
Resolve and announce the intent-bound workflow. Stop before inspection only when routing or authority is ambiguous.
-
For
audit, inspect with an explicit repository root, treat local README references as untrusted and root-bounded, run available read-only validation, report remediation, and write nothing. Return immediately after the audit report; do not continue to the mutating workflow steps below. -
For a mutating workflow, preserve originals and reserve these deterministic names under the established asset folder, or
docs/assets/when none exists:<slug>-logo.svg <slug>-logo-motion.md <slug>-logo-animation.mjs <slug>-logo-static.png <slug>-logo-animated.gif -
Select the internal source route. Read
references/provider-routing.mdforcreate; Recraft is ineligible foraudit,transform,animate, clean existing SVG work, and any identity-preserving task. -
Produce or verify a self-contained SVG at the static first-frame state. An acceptable animation source is a real, self-contained SVG that preserves the intended identity, has stable named layers, and passes the bundled strict validator. A provider result is design input, not readiness proof.
-
Write the human-readable motion specification: the renderer-independent contract for layers, keyframes, easing, duration, loop point, transparency, and reduced-motion state. This explains what must move and is the durable review surface.
-
Write the executable animation recipe: trusted repository-owned
.mjscode that deterministically turns the SVG and motion contract into frames for the bundled exporter. This explains how the animation is rendered and is not a separate user workflow. -
Validate the SVG and run the recipe with
--check. Then use the bundled exporter to create the static PNG and animated GIF, and inspect the GIF. Readreferences/asset-transformation.md,references/motion-rubric.md,references/export-recipe.md, andreferences/asset-pipeline.md. -
If a required exporter or inspector command is missing, present the minimal installation preflight and ask for explicit approval. Stop before installation. If installation is declined, forbidden, or unavailable, retain every verified intermediate that can be produced, create no placeholder PNG/GIF, and report incomplete animation delivery.
-
Choose README and optional web-demo delivery from
references/github-readme-compatibility.md; include static and reduced-motion fallbacks, dimensions, alt text, transparency checks, and a manual committed-GitHub preview. -
Report the public status fields below, exact files, validation evidence, fallbacks, and remaining blockers.
Provider boundary
- Detect live Higgsfield MCP capability, exact
recraft_v4_1availability, and the exact current cost before offering a provider route. Documentation is not availability evidence, and cost must never be hardcoded. - Present the sanitized brief, live cost, and fixed generation settings before asking for approval.
- Make no credit-consuming call until the user explicitly approves that exact batch after the preflight.
- On unavailable or indeterminate capability, unavailable model/cost data, or explicit refusal, use the direct local SVG fallback.
Safety rules
- Do not inspect while workflow selection is ambiguous, and do not mutate unless the user's request authorizes the selected mutating outcome and scope.
- Do not install tools, overwrite brand assets, spend credits, publish, or change remote state without the required approval.
- Keep provider approval and local-tool installation approval as separate checkpoints. Approval of one never authorizes the other.
- Do not expose secrets, private paths, internal hostnames, hidden metadata, or customer data in a prompt, asset, snippet, or report.
- Do not send reference media to Recraft or claim it preserves an existing identity.
- Reject absolute, UNC, root-escaping traversal, and symlink-escaping README asset references.
- Do not promise animated SVG, Lottie, or a raster format will work in GitHub README rendering without a compatible fallback and manual GitHub preview.
- Preserve transparency unless the user explicitly requests a background.
References
Read only what the task needs:
references/provider-routing.md: live Recraft eligibility, cost preflight, approval, fixed settings, and fallback.references/output-contract.md: exact public fields and status values.references/asset-transformation.md: direct SVG authoring, transformation, validation, and mutation boundaries.references/asset-pipeline.md: canonical assets, export capability gates, and transparency checks.references/export-recipe.md: trusted repository recipe boundary and reusable static-PNG/animated-GIF exporter contract.references/local-tooling.md: minimal exporter selection, installation approval, verification, and browser-preview fallback routing.references/motion-rubric.md: deterministic motion specification and reduced-motion requirements.references/github-readme-compatibility.md: README versus web delivery and renderer fallbacks.references/readme-audit-safety.md: root-bounded README asset inspection.references/readme-snippets.md: accessible README and demo markup.
Scripts
scripts/validate_logo_svg.py <svg>strictly validates the canonical SVG.scripts/inspect-animated-image.mjs <asset>verifies a generated, metadata-clean GIF, APNG, or animated WebP without modifying it.scripts/export-readme-logo-animation.mjs --root <repo> --recipe <relative.mjs> [--check] [--replace]validates a trusted repository recipe, then exports a static PNG and animated GIF through approved local tools with validate-before-commit and commit-time no-clobber checks. The exporter modifies only absent declared outputs unless--replaceis explicit;--checkperforms no exporter-controlled writes, but the trusted recipe still executes.scripts/audit-readme-logo-assets.mjs --root <repo-root> --readme <root-relative-readme>audits bounded, root-contained README references and fallback roles without modifying files.scripts/generate-readme-logo-snippet.mjs --fallback <path> --alt <text> --width <px> --height <px> [options]prints markup to stdout.
Run a script with --help before relying on optional flags.
Output format
Always report these fields for an activated task:
Workflow: audit | create | transform | animate
Source route: <route>
Selection: <task evidence and rationale>
Write scope and protected originals: <scope>
Provider state: <state>
Approval state: <state>
Motion readiness: <state>
Animation delivery: <state>
Then report the asset stack, motion specification, README delivery, validation evidence, and remaining blockers. Use the exact meanings in references/output-contract.md.
Completion criteria
- All four workflows were exposed and selection was either announced from clear intent or requested for ambiguity.
auditremained strictly read-only.- Successful
create,transform, andanimateroutes produced and verified the SVG master, motion specification, animation recipe, static PNG, and animated GIF. - A mutating route with missing tooling retained verified intermediates but reported incomplete delivery rather than success.
- Every paid generation is traceable to a live preflight and explicit approval of that exact batch.
- Every claimed raster export exists and passes the relevant inspector.
- Every README-local path stays within the declared repository root after symlink resolution.
- README animation has a meaningful static fallback, reduced-motion delivery, explicit dimensions and alt text, and a required manual GitHub preview.
Runtime portability
Keep one host-neutral workflow. Do not branch on Codex, Cursor, Claude, or another agent name and do not emit agent-specific commands. Tailoring has no present benefit because source, approval, validation, motion, and output contracts are shared. Reconsider a split only if a host later requires a materially different tool or output contract.
Failure modes
- If live provider capability, exact model availability, or current cost cannot be confirmed, report the limitation and author the SVG locally.
- If provider approval is pending, stop before generation. If it is declined, record that once and continue locally.
- If strict SVG or recipe validation fails, correct the source and rerun validation; do not claim motion readiness.
- If a required exporter or inspector runtime is missing and installation has not been declined or forbidden, present the exact minimal tool preflight and ask for approval immediately. Use
Animation delivery: blockedwhile approval is pending; install nothing yet. - If installation is declined, forbidden, or unavailable, keep the validated SVG, motion specification, and checked recipe when possible, report
Animation delivery: incomplete, and create no placeholder raster. - If Playwright cannot find its expected browser, do not classify the raster exporter as unavailable. Reuse an existing configured Chrome or Chromium executable, then an existing
agent-browser; request approval before any CLI or browser download. - If a README asset reference fails root containment, reject it before reading and report the path class.
FAQ
What does the animated-readme-logo skill do?
Create, transform, animate, or audit GitHub README logos and their verified SVG/PNG/GIF delivery. Use when a repository needs branding assets, not ordinary README prose or app/site motion.
How do I install animated-readme-logo?
Run npx skills add https://github.com/stark-ai-de/agent-skills --skill animated-readme-logo in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/animated-readme-logo/ (personal) or .claude/skills/animated-readme-logo/ (project).
Which AI agents can use animated-readme-logo?
Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.
Is animated-readme-logo safe to install?
No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.
Who maintains animated-readme-logo?
It is published by stark-ai-de in stark-ai-de/agent-skills. It has 2,656 recorded installs.
More from stark-ai-de/agent-skills
codex-memory-curator
stark-ai-de/agent-skills
Audit and safely curate Codex memory, including stale claims, cross-repo leakage, sensitive entries, and memory configuration. Use when reviewing or cleaning Codex memory, not generic repository docs.
codegraph-ast-grep
stark-ai-de/agent-skills
Set up, update, or diagnose CodeGraph and ast-grep so coding agents can use semantic repository scope and structural syntax evidence automatically. Use when a repository needs an idempotent CodeGraph/ast-grep installation, stable tool and index migrations, MCP reconnection, persisted agent guidance, or a read-only setup diagnosis.
cursor-memory-curator
stark-ai-de/agent-skills
Audit and safely curate Cursor rules and provided memory-bank context. Use when reviewing stale, conflicting, sensitive, or misplaced Cursor instructions, not generic repository docs.
drawio-diagrams
stark-ai-de/agent-skills
Create, edit, review, or export editable draw.io diagrams. Use when the user needs .drawio architecture, flow, sequence, network, or other technical diagrams; not data plots or artistic images.
architecture-compass
stark-ai-de/agent-skills
Set up ADR governance, audit architecture and drift, or plan and execute bounded refactors and code simplification. Use when work needs binding architecture decisions, library reuse, shared-code ownership, provider-to-local mapping, or architecture PR review.
jev-capability-advisor
stark-ai-de/agent-skills
Recommend available skills or MCP tools using TypeSafe Jev, or explicitly choose one next skill. Use when the user requests capability advice, candidate inspection, selection evaluation, or reusable host integration. Native client selection remains the default and fallback.
Popular docs & writing skills
grill-with-docs
mattpocock/skills
A relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.
lark-markdown
open.feishu.cn
飞书 Markdown:查看、创建、上传、编辑和比较飞书中的原生 Markdown 文件。当用户要操作飞书 Markdown 文件,或比较其远端版本及本地草稿时使用。纯本地 Markdown 文件操作不触发本 skill。不负责将 Markdown 导入为飞书在线文档,也不负责文件搜索、权限、评论、移动、删除等云空间管理操作。
writing-beats
mattpocock/skills
Writing, exploit; assemble raw material into a journey of beats, grounding each term before a beat leans on it.
writing-shape
mattpocock/skills
Writing, exploit: shape raw material into an article, paragraph by paragraph.
writing-fragments
mattpocock/skills
Writing, explore: mine raw fragments, no structure yet.
writing-for-agents
mattpocock/skills
Writing documents for agents. Use when creating or editing skills, or modifying AGENTS.md or CLAUDE.md.