web-create-assets SKILL.md skillA

web-create-assets from valtterimelkko/agent-workflow-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add valtterimelkko/agent-workflow-skills/web-create-assets@git:20260611.919d9c9

Pins git:20260611.919d9c9 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
valtterimelkko/agent-workflow-skills
Path
skills/web-create-assets/SKILL.md
Versions recorded
1
Latest version
git:20260611.919d9c9, committed Jun 11, 2026
Size
12,192 bytes
Repository stars
2
License
MIT

Create net-new UI assets that match an existing web application's design system, including icons, hero art, feature graphics, mockups, and branded visuals. Use when the project needs additional visual assets that fit the current product style. Do not use this for replacing all existing site imagery at scale, or for generating favicons/Open Graph images; prefer web-replace-assets or web-asset-generator for those.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Web Create Assets

Create professional UI assets that perfectly match your existing web application's design system.

## Quick Start

```bash
# 1. Capture screenshots of your existing UI (optional - uses webapp-testing skill first)
# 2. Analyze screenshots and extract style
python3 scripts/analyze_style.py --screenshots ./screenshots --output style_guide.json

# 3. Create UI asset plan
python3 scripts/create_asset_plan.py --style style_guide.json --requirements requirements.json --output asset_plan.json

# 4. Generate assets
python3 scripts/generate_assets.py --plan asset_plan.json --output ./new_assets
```

## Workflow Overview

```
┌──────────────────┐    ┌──────────────────┐    ┌──────────────────┐
│ 1. ANALYZE       │ →  │ 2. PLAN          │ →  │ 3. GENERATE      │
│ Extract style    │    │ Define assets    │    │ Create matching  │
│ from screenshots │    │ with specs       │    │ professional     │
│                  │    │                  │    │ assets           │
└──────────────────┘    └──────────────────┘    └──────────────────┘
```

## Phase 1: Style Analysis

### Extract Style from Screenshots

Analyze existing UI screenshots to extract:
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add valtterimelkko/agent-workflow-skills/web-create-assets@sha256:73a565c9f5b77078

The line at the top of this page pins the label git:20260611.919d9c9, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_ksr3qxw3owajmaqr.svg)](https://markdownregistry.com/a/art_ksr3qxw3owajmaqr)

0 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 1 version of this file, committed on Jun 11, 2026.

versioncommittedcommitsizeaudit
git:20260611.919d9c9 latest2026-06-11 919d9c9 12,192 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (12192 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

valtterimelkko/agent-workflow-skills · 2 stars · license MIT · pushed 2026-10-28 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_ksr3qxw3owajmaqr
GET https://markdownregistry.com/api/v1/resolve?ref=valtterimelkko/agent-workflow-skills/web-create-assets
GET https://markdownregistry.com/api/v1/blob/73a565c9f5b77078146754f2089867c67b79298720f053e70c5cdf76800ed3fd

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from valtterimelkko/agent-workflow-skills

academic-writing SKILL.md skill
valtterimelkko/agent-workflow-skills · skills/academic-writing/SKILL.md · Comprehensive guide for British academic writing best practices. Use when helping users write academic papers, research…
git:20260611.919d9c9 · audit A · 2 stars
agent-os-child SKILL.md skill
valtterimelkko/agent-workflow-skills · skills/agent-os-child/SKILL.md · Execute one dispatched task as a child worker (implementer, researcher or reviewer) under a parent agent, in…
git:20261028.9a694c0 · audit A · 2 stars
agy-p SKILL.md skill
valtterimelkko/agent-workflow-skills · skills/agy-p/SKILL.md · Reference for building scripted and programmatic integrations around the Antigravity CLI (`agy`) non-interactive print…
git:20260611.919d9c9 · audit A · 2 stars
amazon-uk-scraper SKILL.md skill
valtterimelkko/agent-workflow-skills · skills/amazon-uk-scraper/SKILL.md · Scrape Amazon UK (amazon.co.uk) product pages to check availability, Prime eligibility, delivery estimates (UK), GBP…
git:20260621.cfa6a20 · audit A · 2 stars
artifact-variations SKILL.md skill
valtterimelkko/agent-workflow-skills · skills/artifact-variations/SKILL.md · Generate many design, copy, or layout variations as a single browsable HTML artifact so the user can pick favorites…
git:20260611.b2584e4 · audit A · 2 stars
audio-transcription-workflow SKILL.md skill
valtterimelkko/agent-workflow-skills · skills/audio-transcription-workflow/SKILL.md · Transcribe local audio files or voice notes into markdown files using the legacy VoiceNote Bot workflow: local Whisper…
v1.0.0 · audit A · 2 stars
capture-dashboard SKILL.md skill
valtterimelkko/agent-workflow-skills · skills/capture-dashboard/SKILL.md · Capture authenticated dashboards as screenshots and/or HTML using cookies, with safe same-origin crawling. Use when the…
git:20260611.919d9c9 · audit A · 2 stars
claude-channels SKILL.md skill
valtterimelkko/agent-workflow-skills · skills/claude-channels/SKILL.md · Build MCP channel plugins that push external events into a running Claude Code interactive session and bridge…
git:20260611.6de34bf · audit B · 2 stars
claude-p SKILL.md skill
valtterimelkko/agent-workflow-skills · skills/claude-p/SKILL.md · Use when running multi-turn Claude Code CLI sessions programmatically via 'claude -p', integrating Claude into…
git:20260611.b2584e4 · audit A · 2 stars
code-documenter SKILL.md skill
valtterimelkko/agent-workflow-skills · skills/code-documenter/SKILL.md
git:20260611.b2584e4 · audit B · 2 stars
context7-docs SKILL.md skill
valtterimelkko/agent-workflow-skills · skills/context7-docs/SKILL.md · Fetch up-to-date documentation from Context7 for a library. Use when you need current API syntax, code examples, or…
git:20260611.6de34bf · audit A · 2 stars
context7-search SKILL.md skill
valtterimelkko/agent-workflow-skills · skills/context7-search/SKILL.md · Search for libraries in Context7. Use when the user mentions a library by name and you need to find its exact Context7…
git:20260611.6de34bf · audit A · 2 stars

Every file in valtterimelkko/agent-workflow-skills

Browse by kind, by grade A, or by owner.