Works with the AI Agents you already use

    Claude CodeClaude CodeCursorCursorCodex CLICodex CLIMuseMuseDotsDots+22 more

    openclaw profile cards

    1

    Generate 13 terminal-themed SVG stat cards and self-updating README tables for GitHub profiles using Python.

    Free

    Security scanned
    openclaw profile cards

    openclaw profile cards

    Example session with this skill installed

    Generate a full set of amber-themed profile cards for the GitHub user 'octocat' and save them to the assets/ directory.

    • Read your context and instructions
    • Compiled the openclaw profile cards

    I have generated the GitHub profile cards for user

    octocat using the amber theme. The process included a live GraphQL data fetch, generation of 13 SVG assets, and an update to the stats table markers.

    Profile Assets Generated

    Card NameFile PathDescription
    Whoamiassets/cards/ubuntu.svgTerminal-style user identity block
    Heatmapassets/cards/heatmap.svgAnnual contribution calendar with quartile shading
    Skylineassets/cards/city.svgIsometric repository activity visualization
    Rhythmassets/cards/rhythm.svg24-hour by 7-day commit frequency map
    Driftassets/cards/drift.svg30-day language usage change analysis
    Registryassets/cards/registry.svgRepositories formatted as deployed ML models
    Oscilloscopeassets/cards/scope.svgDaily activity rendered as a waveform

    The history.jsonl file has been updated with a new snapshot to track future activity drift.

    Next steps

    1. Commit the new .svg files in assets/cards/ to your repository.
    2. Add <img src="assets/cards/heatmap.svg" width="100%"> to your profile README.md.
    3. Set up examples/self-updating.yml in .github/workflows/ for automated daily updates.

    Connects securely to your tools. The creator never sees your data.

    About this skill

    GitHub profile READMEs often rely on third-party widget services that suffer from downtime or rate limits. This skill provides a self-hosted alternative that generates 13 high-fidelity, terminal-themed SVG stat cards directly from GitHub's GraphQL API. It produces static assets you can commit to your own repository, ensuring your profile stays fast and functional without external dependencies.

    What it does

    • Live Data Fetching gathers contribution, repository, and language stats using a single GitHub GraphQL round trip.
    • SVG Generation renders 13 distinct visualisations including heatmaps, city skylines, and terminal-style whoami cards.
    • Visual Theming applies consistent phosphor, amber, or paper color palettes across all generated assets.
    • Historical Tracking maintains a JSONL snapshot log to calculate activity drift over 30-day windows.
    • README Integration builds and updates a markdown stats table within protected comment markers.
    • Automated Workflow provides GitHub Action templates for daily stat refreshes and auto-commits.

    How it works

    1. Fetch runs the rendering script with a GITHUB_TOKEN to pull live account data.
    2. Theme applies the --theme flag to set the visual style for all SVGs.
    3. Build updates the table.build markdown block between specific comment markers in the README.
    4. Deploy sets up the self-updating.yml action to automate the daily render and commit cycle.

    Frameworks & tools

    Python 3.10+ (standard library), GitHub GraphQL API, and SVG. No external rendering engines or heavy dependencies required.

    Why this beats prompting it yourself

    Generating valid, hand-drawn SVGs via raw prompting is prone to syntax errors and broken layout logic. This skill provides a tested rendering engine that handles complex data mapping for specific visualizations like 7x24 rhythm heatmaps and converging loss curves.

    Use cases

    • Create a terminal-themed GitHub profile that doesn't rely on external widget servers.
    • Track coding "drift" by comparing current language usage against 30-day snapshots.
    • Generate a 3D-style city skyline of repository activity without third-party tools.
    • Automate profile updates using a local GitHub Action to keep stats fresh daily.

    Known limitations

    Requires a GitHub PAT with repo scope for private data. SVGs use system monospace fonts only to ensure compatibility with GitHub's camo proxy.

    How to use

    Skills on Agensi run inside your AI agent. Copy the prompt, paste it into your agent, and it connects to Agensi and installs this skill for you. If a payment is needed, your agent shows it to you first.

    Reviews

    No reviews yet

    Be one of the first to try it. Every listed skill passes our trust checks below.

    Security scanned

    Passed our 8-point scan before listing

    Fresh listing

    Recently published to Agensi

    Free forever

    No account required to browse

    Trust & safety

    Security scanned

    Verified clean today

    • Free to download with an account

    Requires

    GitHub
    Python
    Git

    Listedtoday

    What's inside

    Frequently Asked Questions