Agent skill

Image Lite Video Usage

by canonical in canonical/canonical.com

Checks that Jinja templates use the shared image() template global for images and the litevideo macro / <lite-youtube element for YouTube embeds, instead of hand-written <img, <iframe, or <video tags.

Custom licenceAuto-check passed

Install Image Lite Video Usage

skills CLI
$ npx skills add canonical/canonical.com --skill image-lite-video-usage -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install canonical/canonical.com image-lite-video-usage --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/canonical/canonical.com.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.github/skills/image-lite-video-usage .claude/skills/image-lite-video-usage && rm -rf skills-src

Use ~/.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/

Facts

Skill name
image-lite-video-usage
GitHub stars
152
Token cost
~1.2k tokens
SKILL.md length
498 words
Files
1
Skills in repo
3
Repo updated
First seen
Licence
Custom licence

At a glance

Checks that Jinja templates use the shared image() template global for images and the litevideo macro / <lite-youtube element for YouTube embeds, instead of hand-written <img, <iframe, or <video tags.

  • The changed file path is under templates/ (a Jinja template)
  • SKILL.md covers When to run this check, Images: use the image() global, Video: use the lite-video… and Reporting
  • Reaches youtube.com and cdn.jsdelivr.net
  • A diff adds/edits an image

What it does

Image Lite Video Usage is an agent skill from canonical/canonical.com. Checks that Jinja templates use the shared image() template global for images and the litevideo macro / <lite-youtube element for YouTube embeds, instead of hand-written <img, <iframe, or <video tags. Use when the changed file path is under templates/ (a Jinja template), or when a diff adds/edits an image or video embed on a page.

Its SKILL.md is about 1.2k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It works with YouTube. The repository describes itself as: Repository for the new version of canonical.com.

When your agent uses it

  • The changed file path is under templates/ (a Jinja template)
  • A diff adds/edits an image
  • Video embed on a page

Example prompts

  • “Use the image-lite-video-usage skill to check that Jinja templates use the shared image() template global for images and the litevideo macro /…”
  • “/image-lite-video-usage”

What it can do on your machine

Read from SKILL.md and the folder at commit f91943c. 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 jinja and 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:

    • youtube.com
    • cdn.jsdelivr.net

    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

Image Lite Video Usage loads about 1.2k tokens when it runs. Until then it costs about 93 tokens; SKILL.md has 498 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~93
When it runs · the whole SKILL.md, loaded when a task matches
~1.2k

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

Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 498 words (~1,205 tokens).

“Only applies when the file being created, edited, or reviewed is a Jinja template (path under templates/, including .html, .jinja, and Markdown templates containing Jinja tags). Skip this check for Python, JS/TS, or SCSS files.”

— opening of SKILL.md by canonical, Custom licence
name
image-lite-video-usage

Read the full SKILL.md on GitHub

Files

Just SKILL.md in .github/skills/image-lite-video-usage of canonical/canonical.com.

Open the folder on GitHubat commit f91943c

Compare with similar skills

Image Lite Video Usage 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.

Image Lite Video Usage compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Image Lite Video Usage this skillcanonical/canonical.com152—~1.2kAutomated safety check: PassCustom licence
MarkitdownImCa0/just-laws78214 repos~3.2kAutomated safety check: NotesMIT
Banner Design Systemnextlevelbuilder/ui-ux-pro-max-skill134k1 repos~1.8kAutomated safety check: PassMIT
Agent ReachPanniantong/Agent-Reach94k—~1.4kAutomated safety check: PassMIT
Last30daysmvanhorn/last30days-skill64k—~7.9kAutomated safety check: NotesMIT
Baoyu URL To Markdownsdyckjq-lab/llm-wiki-skill2.5k2 repos~3.2kAutomated safety check: PassNone

Similar skills

  • Markitdown

    ImCa0/just-laws

    Convert files and office documents to Markdown. An agent skill from ImCa0/just-laws.

    782 GitHub starsUsed in 14 repos~3.2k tokens
    Documents & OfficeAuto-check: notes
  • Banner Design System

    nextlevelbuilder/ui-ux-pro-max-skill

    Walks through designing a banner for social media, ads, a website hero or print, from gathering requirements to building 2 or 3 art-direction options in HTML and CSS.

    134k GitHub starsUsed in 1 repo~1.8k tokens
    Frontend & DesignAuto-check passed
  • Agent Reach

    Panniantong/Agent-Reach

    Routes web research and platform lookups across 16 sites, including Twitter, Reddit, YouTube, Bilibili, Xiaohongshu and GitHub, through one command-line tool.

    94k GitHub stars~1.4k tokensUpdated yesterday
    Productivity & AutomationAuto-check passed
  • Last30days

    mvanhorn/last30days-skill

    Research what people actually say about any topic in the last 30 days.

    64k GitHub stars~7.9k tokensUpdated yesterday
    Research & ScienceAuto-check: notes
  • Baoyu URL To Markdown

    sdyckjq-lab/llm-wiki-skill

    Fetch any URL and convert to markdown using Chrome CDP. An agent skill from sdyckjq-lab/llm-wiki-skill.

    2.5k GitHub starsUsed in 2 repos~3.2k tokens
    Knowledge ManagementAuto-check passed
  • Google SEO APIs

    AgriciDaniel/claude-seo

    Pulls real Google data for SEO work: Search Console, PageSpeed Insights, CrUX field data, the Indexing API and GA4 organic traffic, through /seo google commands.

    19k GitHub starsUsed in 1 repo~4.2k tokens
    Marketing & SEOAuto-check passed

More from canonical/canonical.com

  • Vanilla Patterns

    canonical/canonical.com

    Reference guide for correctly implementing Vanilla Framework Jinja macro patterns.

    152 GitHub stars~1.3k tokensUpdated today
    Auto-check passed
  • Copy Style Guide

    canonical/canonical.com

    Canonical copy style guide covering brand voice/tone, US spelling, capitalization, product naming conventions (Ubuntu Pro, Ubuntu Core, etc.), inclusive language, punctuation, and words/phrases to…

    152 GitHub stars~8.4k tokensUpdated today
    Auto-check passed

Works with

Questions about Image Lite Video Usage

What does Image Lite Video Usage do?

Checks that Jinja templates use the shared image() template global for images and the litevideo macro / <lite-youtube element for YouTube embeds, instead of hand-written <img, <iframe, or <video tags. com. Checks that Jinja templates use the shared image() template global for images and the litevideo macro / <lite-youtube element for YouTube embeds, instead of hand-written <img, <iframe, or <video tags.

When should I use Image Lite Video Usage?

Image Lite Video Usage fits situations like: the changed file path is under templates/ (a Jinja template); A diff adds/edits an image; video embed on a page.

How do I install Image Lite Video Usage in Claude Code?

Run `npx skills add canonical/canonical.com --skill image-lite-video-usage -a claude-code`. Or copy the skill folder (.github/skills/image-lite-video-usage in canonical/canonical.com) into .claude/skills/image-lite-video-usage in your project. Claude Code loads it when a task matches its description.

How do I install Image Lite Video Usage in Codex?

Run `npx skills add canonical/canonical.com --skill image-lite-video-usage -a codex`. Or copy the skill folder (.github/skills/image-lite-video-usage in canonical/canonical.com) into .agents/skills/image-lite-video-usage in your project. Codex loads it when a task matches its description.

Can I use Image Lite Video Usage 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 canonical/canonical.com --skill image-lite-video-usage -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/image-lite-video-usage, .gemini/skills/image-lite-video-usage, .github/skills/image-lite-video-usage and .opencode/skills/image-lite-video-usage in your project.

What does Image Lite Video Usage need to run?

SKILL.md names no scripts, command-line tools or credentials: Image Lite Video Usage is instructions for the agent only.

Does Image Lite Video Usage access the network?

SKILL.md names 2 domains. In commands or code: youtube.com and cdn.jsdelivr.net; the agent is likely to contact these when it follows the instructions. This is read from the text; nothing was executed.

Is Image Lite Video Usage 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 Image Lite Video Usage use?

Image Lite Video Usage has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.

How many tokens does Image Lite Video Usage use?

About 1.2k tokens (SKILL.md is roughly 4.8k 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 Image Lite Video Usage?

Skills that share tags, products or a category with Image Lite Video Usage: Markitdown (ImCa0/just-laws, 782 stars), Banner Design System (nextlevelbuilder/ui-ux-pro-max-skill, 134k stars), Agent Reach (Panniantong/Agent-Reach, 94k stars) and Last30days (mvanhorn/last30days-skill, 64k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Image Lite Video Usage?

canonical (a GitHub organization) maintains it in canonical/canonical.com, which has 152 GitHub stars. The repository holds 3 skills in this directory. The repository was last updated on October 9, 2026.

Source: canonical/canonical.com on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.