New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Daily UI Inspiration Capture

by nirholas in nirholas/three.ws

Create a recurring daily UI inspiration capture. An agent skill from nirholas/three.ws.

Apache-2.0Auto-check passedFrontend & Design

Install Daily UI Inspiration Capture

skills CLI
$ npx skills add nirholas/three.ws --skill daily-ui-inspiration-capture -a claude-code

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

GitHub CLI
$ gh skill install nirholas/three.ws daily-ui-inspiration-capture --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/nirholas/three.ws.git skills-src && mkdir -p .claude/skills && cp -r skills-src/third_party/designcode-agent-skills/agent-skills/codex/daily-ui-inspiration-capture .claude/skills/daily-ui-inspiration-capture && 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
daily-ui-inspiration-capture
GitHub stars
229
Used in
1 other repo
Token cost
~2k tokens
SKILL.md length
1,043 words
Files
7
Skills in repo
92
Repo updated
First seen
Licence
Apache-2.0

At a glance

Create a recurring daily UI inspiration capture. An agent skill from nirholas/three.ws.

  • Works in 9 steps: Save one representative still image… → Capture a short local video of the… → Include slow scroll, visible hover or… → …
  • The user asks to run
  • SKILL.md covers Overview, Start, Output Contract and Selection, plus 4 more sections
  • Calls git and node

What it does

Daily UI Inspiration Capture is an agent skill from nirholas/three.ws. Create a recurring daily UI inspiration capture. Use when the user asks to run, refresh, package, or validate dated UI inspiration bundles, especially for articles/YYYY-MM-DD-ui-inspiration-capture/ outputs, Framer/Dribbble landing-page inspiration, motion-study screenshots/videos, AI-builder prompts, duplicate checking, or converting a project runbook into repeatable workflow.

Its SKILL.md is about 2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 8 other files (for example `agents/openai.yaml`, `demo/PROMPT.md` and `demo/expected-output.md`).

It sits in Frontend & Design, covering Landing pages and Runbooks and postmortems. The repository describes itself as: Open-source platform for 3D AI agents. Turn text or a photo into a rigged, animated GLB avatar, give it an LLM brain, memory and a wallet, and embed it anywhere with one web… The licence is Apache-2.0.

When your agent uses it

  • The user asks to run
  • Validate dated UI inspiration bundles
  • Especially for articles/YYYY-MM-DD-ui-inspiration-capture/ outputs
  • Framer/Dribbble landing-page inspiration

Example prompts

  • “/daily-ui-inspiration-capture”

Workflow steps

9 steps, taken from the first numbered list in SKILL.md.

  1. Save one representative still image locally.
  2. Capture a short local video of the actual landing page or preview when possible.
  3. Include slow scroll, visible hover or click states when obvious, sticky nav behavior, reveal animation, parallax, marquee loops…
  4. Whenever capture tooling scrolls to a viewport or section before taking a screenshot or motion frame, wait 2 seconds before capturing so…
  5. Save one full landing-page scroll screenshot as a single tall image when the browser can render it. It should run from the first pixel of…
  6. Cut section-by-section screenshots from that full-page image. The crops must be contiguous and lossless relative to the full image: no…
  7. Save as many section images as the page has meaningful sections. At minimum include the hero, each major middle section in page order, and…
  8. Extract at least 4 motion progression frames when video succeeds: opening hero, hover or settled state, scroll transition, and lower or…
  9. If live capture is blocked, broken, login-gated, or low quality, save the best local fallback asset and document the fallback reason.

What it can do on your machine

Read from SKILL.md and the folder at commit 66624fb. 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

    Shell commands in SKILL.md call:

    • git
    • node

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use git, which can reach the network depending on how they are called.

    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

Daily UI Inspiration Capture loads about 2k tokens when it runs. Until then it costs about 103 tokens; SKILL.md has 1,043 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~103
When it runs · the whole SKILL.md, loaded when a task matches
~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

The full file from nirholas/three.ws at commit 66624fb, republished under its Apache-2.0 licence (© nirholas). 1,043 words, ~2,027 tokens.

Download SKILL.mdSave it as .claude/skills/daily-ui-inspiration-capture/SKILL.md (or your agent's skills folder). This skill also uses 6 other files; get the full folder from GitHub.
name
daily-ui-inspiration-capture
description
Create a recurring daily UI inspiration capture. Use when the user asks to run, refresh, package, or validate dated UI inspiration bundles, especially for `articles/YYYY-MM-DD-ui-inspiration-capture/` outputs, Framer/Dribbble landing-page inspiration, motion-study screenshots/videos, AI-builder prompts, duplicate checking, or converting a project runbook into repeatable workflow.

Daily UI Inspiration Capture

Overview

Run the current project's daily UI inspiration workflow as an article-ready bundle, not a screenshot dump or README. Treat the active project runbook as source of truth, but keep the contract below as the default unless the user updates it.

Start

Work from the content/article project named by the user. If no project is named, use the current workspace and say which directory you used.

Before collecting, read:

  • AGENTS.md, if present or supplied in the prompt
  • scripts/ui-inspiration-capture-guidelines.md, if present
  • the latest one or two articles/*-ui-inspiration-capture/content.md and manifest.json files for current shape

Check git status --short early. This repo is often dirty; keep changes scoped to the requested dated bundle or skill files.

For any browser work, use the Codex in-app browser only. Do not use Chrome. If a source blocks inspection, use the best available Codex-browser evidence or local asset fallback and say why.

Output Contract

Create a dated folder:

text
articles/YYYY-MM-DD-ui-inspiration-capture/

The folder should contain at minimum:

  • content.md
  • manifest.json
  • local still images
  • local video files or clear per-item video fallback reasons
  • one full-page scroll screenshot per live website reference
  • section-by-section crops from that full-page screenshot for the hero, every meaningful middle section, and the footer
  • motion-frame images when video capture succeeds

Do not create README.md.

Collect exactly 5 final references. The newer 5-reference motion-study workflow supersedes older 20-image gallery runs.

Prefer live, inspectable landing pages and product sections. Framer Marketplace is a strong source. Dribbble is best effort; if blocked by WAF or poor assets, finish with stronger Framer or direct-page candidates instead of forcing brittle workarounds.

Selection

Load previous articles/*-ui-inspiration-capture/manifest.json files before choosing finalists.

Reject candidates that repeat a normalized title, source URL, or image URL from previous captures. Rotate source searches when the feed feels stale:

  • website hero
  • saas landing page
  • product website
  • web design hero
  • recent web design
  • recent product design

Favor references with a clear first viewport, inspectable sections, strong typography, product or brand specificity, and visible motion potential. Avoid vague atmospheric thumbnails.

Capture

For each reference:

  1. Save one representative still image locally.
  2. Capture a short local video of the actual landing page or preview when possible.
  3. Include slow scroll, visible hover or click states when obvious, sticky nav behavior, reveal animation, parallax, marquee loops, carousels, cursor effects, and responsive or scroll-driven changes.
  4. Whenever capture tooling scrolls to a viewport or section before taking a screenshot or motion frame, wait 2 seconds before capturing so reveal animations, lazy media, sticky state changes, and scroll-triggered transitions have time to finish.
  5. Save one full landing-page scroll screenshot as a single tall image when the browser can render it. It should run from the first pixel of the hero to the final pixel of the footer.
  6. Cut section-by-section screenshots from that full-page image. The crops must be contiguous and lossless relative to the full image: no missing pixels between sections, no arbitrary viewport-only substitutes, and no overlap unless a sticky element makes overlap unavoidable.
  7. Save as many section images as the page has meaningful sections. At minimum include the hero, each major middle section in page order, and the footer. Label unclear middle sections as section-02, section-03, etc., while preserving exact visual order.
  8. Extract at least 4 motion progression frames when video succeeds: opening hero, hover or settled state, scroll transition, and lower or later section.
  9. If live capture is blocked, broken, login-gated, or low quality, save the best local fallback asset and document the fallback reason.

Keep all media inside the dated article folder. Use subfolders such as motion-frames/ when helpful.

Show full SKILL.md (447 more words)Show less

Article Shape

In content.md, make the capture immediately useful to a builder:

  • open with the date and a concise pattern summary
  • embed any stitched motion-study video near the top, if created
  • for each of the 5 references, include the still image near the item heading
  • embed the local video, or state the fallback reason
  • match the established article structure from recent captures: ### Full-Page And Section Evidence, the full-page screenshot as a normal Markdown image, #### Section Crops, then each section crop as a normal Markdown image ordered from hero to footer
  • do not rename the block to Local Evidence, do not use text links, filename lists, Markdown tables, raw HTML grids, or crop-coordinate captions for the full-page/section-crop block; keep crop coordinates in manifest.json
  • show motion progression frames before the long prompt
  • describe what works, the visual pattern, and concrete motion notes
  • include a long AI-builder prompt that treats the page as reference, not a template
  • add a short note explaining why the prompt works

Write prompts with concrete instructions for layout, sections, components, typography, spacing, colors, image treatment, animation timing, scroll choreography, responsive behavior, interaction states, and things to avoid.

Manifest Shape

Use JSON. Include article-level metadata such as:

  • title
  • date
  • captureMethod
  • itemCount
  • dedupeAgainst
  • motionStudyVideo, when present
  • items

For each item, include fields such as:

  • title
  • creator
  • sourceUrl
  • pageUrl
  • imageUrl
  • imageFile
  • videoFile or videoFallbackReason
  • fullPageImage
  • sectionImages with section label, file path, source full-page image, y-start, y-end, and height when available
  • motionFrames
  • captureType
  • viewport
  • why
  • pattern
  • interactionNotes
  • animationNotes
  • prompt

Verification

Run the duplicate checker before committing:

bash
node scripts/check-ui-inspiration-duplicates.mjs articles/YYYY-MM-DD-ui-inspiration-capture/manifest.json

Verify:

  • duplicateCount is 0
  • manifest.json has exactly 5 items
  • content.md embeds at least 5 representative still images
  • every referenced still, video, and motion-frame file exists locally
  • every live-website item has one full-page scroll screenshot and section crops for hero, all detected/meaningful middle sections, and footer
  • section crops are derived from the full-page image, are ordered top-to-bottom, and do not miss pixel ranges between adjacent sections
  • content.md follows the established full-page/section-crop structure for each live-website item: ### Full-Page And Section Evidence, rendered full-page Markdown image, #### Section Crops, and rendered section-crop Markdown images in top-to-bottom order, with no text links, filename lists, Markdown tables, raw HTML grids, Local Evidence headings, or crop-coordinate captions
  • each item has a local video or a clear fallback reason
  • successful video captures include at least 4 motion frames
  • README.md is absent

If articles/ARTICLES_INDEX.md is clean, add a single discoverability row only when that matches the current repo convention. If it is already dirty or conflicted, leave it untouched and mention that in the closeout.

Because articles/ is often ignored, use git add -f for the intended dated folder. Stage and commit only the files created or intentionally changed for this run.

© nirholas, Apache-2.0. 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 6 other files in third_party/designcode-agent-skills/agent-skills/codex/daily-ui-inspiration-capture of nirholas/three.ws.

  • SKILL.md
  • agents/openai.yaml
  • demo/PROMPT.md
  • demo/expected-output.md
  • demo/index.html
  • demo/input.md
  • demo/preview.jpg

Open the folder on GitHubat commit 66624fb

Used in 1 other repository

We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in nirholas/three.ws, which our catalogue first saw on October 7, 2026.

Compare with similar skills

Daily UI Inspiration Capture 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.

Daily UI Inspiration Capture compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Daily UI Inspiration Capture this skillnirholas/three.ws2291 repos~2kAutomated safety check: PassApache-2.0
Python Debugpyopenclaw/openclaw392k1 repos~633Automated safety check: PassMIT
Web Deploy GitHubsundial-org/awesome-openclaw-skills6631 repos~1.1kAutomated safety check: PassNone
GitHub Pages DeployerAffitor/affiliate-skills701—~3.8kAutomated safety check: PassMIT
Doc Managerluongnv89/skills131—~3.1kAutomated safety check: PassMIT
Impeccablebestofjs/bestofjs3.1k26 repos~2.6kAutomated safety check: PassMIT

Similar skills

  • Python Debugpy

    openclaw/openclaw

    Debug Python with pdb, breakpoint(), post-mortem inspection, and debugpy remote attach.

    392k GitHub starsUsed in 1 repo~633 tokens
    Frontend & DesignAuto-check passed

  • Web Deploy GitHub

    sundial-org/awesome-openclaw-skills

    Create and deploy single-page static websites to GitHub Pages with autonomous workflow.

    663 GitHub starsUsed in 1 repo~1.1k tokens
    Frontend & DesignAuto-check passed

  • GitHub Pages Deployer

    Affitor/affiliate-skills

    Deploy affiliate content to GitHub Pages for free hosting. An agent skill from Affitor/affiliate-skills.

    701 GitHub stars~3.8k tokensUpdated 26 days ago
    Frontend & DesignAuto-check passed

  • Doc Manager

    luongnv89/skills

    Generate or update docs to match the code, citing each claim to path:line and asking on ambiguity; runbook docs also get a check-only validation script.

    131 GitHub stars~3.1k tokensUpdated yesterday
    DevOps & CloudAuto-check passed

  • Impeccable

    bestofjs/bestofjs

    A skill your agent uses when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a…

    3.1k GitHub starsUsed in 26 repos~2.6k tokens
    Frontend & DesignAuto-check passed

  • Scroll World Landing Page

    oso95/scroll-world

    Builds a scroll-driven landing page where a pre-rendered camera flies through connected AI-generated scenes, using Higgsfield for stills and video clips.

    9.9k GitHub starsUsed in 1 repo~12k tokens
    Frontend & DesignAuto-check: notes

More from nirholas/three.ws

All 92 skills in this repo

  • Add Shader Cursor Trail

    nirholas/three.ws

    Add the Shaders WebGPU mouse effect used for the Tidal Commons hero: a white twinkling halftone cursor trail driven by ChromaFlow, masked through a DotGrid, finished with chromatic ripples and film…

    230 GitHub starsUsed in 1 repo~760 tokens
    Auto-check passed

  • Publish Project To GitHub

    nirholas/three.ws

    Package a finished local project into an intentional GitHub repository, create a strong README and visual preview, push it safely, configure a public GitHub Pages URL when the project is compatible…

    230 GitHub starsUsed in 1 repo~2.2k tokens
    Auto-check: notes

  • Audit Reference Originality

    nirholas/three.ws

    Audit a website or digital experience against its supplied source references for originality and plagiarism risk.

    230 GitHub starsUsed in 1 repo~1.8k tokens
    Auto-check passed

  • Build Daily Inspiration Sites

    nirholas/three.ws

    Turn a completed daily UI inspiration capture into exactly five original landing-page builds, one per separate Codex task, using Sites.

    230 GitHub starsUsed in 1 repo~1.9k tokens
    Auto-check passed

  • Write Like Meng On X

    nirholas/three.ws

    Write, rewrite, review, or continuously refine X/Twitter posts in Meng To's current voice using his deduplicated authored-post corpus, personal and product context, shared resources, and Content…

    230 GitHub starsUsed in 1 repo~2k tokens
    Auto-check passed

  • Browser Video Recording

    nirholas/three.ws

    Create polished 60 fps 4:3 4K browser screen-recording style videos from Codex in-app browser captures, with browser-only crop, natural macOS cursor styling, deliberate click choreography…

    230 GitHub starsUsed in 1 repo~1.5k tokens
    Auto-check passed

Categories

Questions about Daily UI Inspiration Capture

What does Daily UI Inspiration Capture do?

Create a recurring daily UI inspiration capture. An agent skill from nirholas/three.ws. ws. Create a recurring daily UI inspiration capture.

When should I use Daily UI Inspiration Capture?

Daily UI Inspiration Capture fits situations like: the user asks to run; validate dated UI inspiration bundles; especially for articles/YYYY-MM-DD-ui-inspiration-capture/ outputs; framer/Dribbble landing-page inspiration.

How do I install Daily UI Inspiration Capture in Claude Code?

Run `npx skills add nirholas/three.ws --skill daily-ui-inspiration-capture -a claude-code`. Or copy the skill folder (third_party/designcode-agent-skills/agent-skills/codex/daily-ui-inspiration-capture in nirholas/three.ws) into .claude/skills/daily-ui-inspiration-capture in your project. Claude Code loads it when a task matches its description.

How do I install Daily UI Inspiration Capture in Codex?

Run `npx skills add nirholas/three.ws --skill daily-ui-inspiration-capture -a codex`. Or copy the skill folder (third_party/designcode-agent-skills/agent-skills/codex/daily-ui-inspiration-capture in nirholas/three.ws) into .agents/skills/daily-ui-inspiration-capture in your project. Codex loads it when a task matches its description.

Can I use Daily UI Inspiration Capture 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 nirholas/three.ws --skill daily-ui-inspiration-capture -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/daily-ui-inspiration-capture, .gemini/skills/daily-ui-inspiration-capture, .github/skills/daily-ui-inspiration-capture and .opencode/skills/daily-ui-inspiration-capture in your project.

What does Daily UI Inspiration Capture need to run?

Going by SKILL.md and its folder, Daily UI Inspiration Capture needs the command-line tools its instructions call (git and node).

Does Daily UI Inspiration Capture access the network?

SKILL.md contains no URLs. Its commands use git, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Daily UI Inspiration Capture 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 Daily UI Inspiration Capture use?

Daily UI Inspiration Capture is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Daily UI Inspiration Capture use?

About 2k tokens (SKILL.md is roughly 8.1k 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 Daily UI Inspiration Capture?

Skills that share tags, products or a category with Daily UI Inspiration Capture: Python Debugpy (openclaw/openclaw, 392k stars), Web Deploy GitHub (sundial-org/awesome-openclaw-skills, 663 stars), GitHub Pages Deployer (Affitor/affiliate-skills, 701 stars) and Doc Manager (luongnv89/skills, 131 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Daily UI Inspiration Capture?

nirholas (a GitHub user) maintains it in nirholas/three.ws, which has 229 GitHub stars. The repository holds 92 skills in this directory. The repository was last updated on October 10, 2026.

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