Home / andersonlimahw / lemon-ai-hub · plugins/imagegen-frontend-web/SKILL.md · GitHub

imagegen-frontend-web skillA

This file is byte-identical to the first copy the registry indexed, one of 4 copies on public GitHub. Same content hash, same audit grade.

imagegen-frontend-web is agent-read markdown (skill) from andersonlimahw/lemon-ai-hub: Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections produces 8 images. Never compress multiple sections into one image. Enforces composition variety (not always left-text / right-image), background-image freedom, varied CTAs, varied hero scales (giant / mid / mini minimalist), narrative concept spine, second-read moments, and a singl.

Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.

What the file says

# HARD OUTPUT RULE — READ FIRST

**Generate one separate horizontal image PER section. Always. No exceptions.**

- 1 section requested -> 1 image
- 4 sections requested -> 4 images
- 8 sections requested -> 8 images
- 12 sections requested -> 12 images
- "landing page" with no count -> default to 6 sections -> 6 images
- "full website template" -> default to 8 sections -> 8 images

Each image is one section, generated as its own image call. Never combine multiple sections into one frame. Never return a single tall image that contains the whole page.

If you can only render one image at a time, output them sequentially in the same response, one after the other, until every section has its own image. Announce each one ("Section 1 of 8: Hero", "Section 2 of 8: Trust bar", etc.).

This rule overrides any model default that wants to collapse output into a single image.

---

# HERO COMPOSITION BIAS — READ FIRST

The default **left-text / right-image hero is the most overused AI pattern**. It is allowed, but it should not be your first instinct.

Before reaching for it, consider these alternatives and pick whichever fits the brand best:
- centered over background image
…

Read the whole file at its exact version.

How to install

Latest version
mdr add andersonlimahw/lemon-ai-hub/imagegen-frontend-web@git:20260801.d400e34
Exact content
mdr add andersonlimahw/lemon-ai-hub/imagegen-frontend-web@sha256:6b5c2256522fdba1

Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.

Badge

mdr badge

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

1 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
git:20260801.d400e34 latest2026-08-01 d400e34 36,854 BA view

Audit of the latest version

A  17 of 17 checks passed. Deterministic, no model, 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 (36854 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

andersonlimahw/lemon-ai-hub · 14 stars · license none · pushed 2026-09-20 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_epayetvku4jrtr4i
GET https://markdownregistry.com/api/v1/resolve?ref=andersonlimahw/lemon-ai-hub/imagegen-frontend-web
GET https://markdownregistry.com/api/v1/blob/6b5c2256522fdba1e3313eafa3d743b960a7b13ec029d3e6586e04b23327c1f8

Your agent 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.

More from andersonlimahw/lemon-ai-hub

AGENTS.md agents
andersonlimahw/lemon-ai-hub · AGENTS.md
git:20260905.88fc672 · audit A · 14 stars
CLAUDE.md claude
andersonlimahw/lemon-ai-hub · CLAUDE.md
git:20260905.88fc672 · audit A · 14 stars
llms.txt@docs llmstxt
andersonlimahw/lemon-ai-hub · docs/llms.txt
git:20260614.5160142 · audit A · 14 stars
a11y-audit skill
andersonlimahw/lemon-ai-hub · plugins/a11y-audit/SKILL.md · WCAG 2.1 AA/AAA accessibility audit for web components, pages, and apps. Detects contrast failures, missing ARIA…
git:20260614.2f67b30 · audit A · 14 stars
a11y-guardian skill
andersonlimahw/lemon-ai-hub · plugins/a11y-guardian/SKILL.md · Continuous accessibility monitoring. Runs WCAG 2.1 audit on every PR, blocks merge on CRITICAL violations, and posts…
git:20260801.d400e34 · audit A · 14 stars
a11y-guardian skill
andersonlimahw/lemon-ai-hub · plugins/a11y-guardian/skills/a11y-guardian/SKILL.md · Continuous accessibility monitoring. Runs WCAG 2.1 audit on every PR, blocks merge on CRITICAL violations, and posts…
git:20260801.d400e34 · audit A · 14 stars
ads skill
andersonlimahw/lemon-ai-hub · plugins/ads/SKILL.md · When the user wants help with paid advertising campaigns on Google Ads, Meta (Facebook/Instagram), LinkedIn, Twitter/X…
v2.2.0 · audit A · 14 stars
agent-sdk-dev skill
andersonlimahw/lemon-ai-hub · plugins/agent-sdk-dev/SKILL.md · agent-sdk-dev plugin. Routes to its sub-skills: agent-sdk-dev, agent-sdk-verifier-py. Use when the task matches any of…
git:20260801.d400e34 · audit A · 14 stars
agent-sdk-dev skill
andersonlimahw/lemon-ai-hub · plugins/agent-sdk-dev/skills/agent-sdk-dev/SKILL.md · A comprehensive skill for creating new Agent SDK applications. Guides through creating TypeScript or Python SDK apps…
git:20260709.a9f43d7 · audit A · 14 stars
agent-sdk-verifier-py skill
andersonlimahw/lemon-ai-hub · plugins/agent-sdk-dev/skills/agent-sdk-verifier-py/SKILL.md · Thoroughly verifies Python Agent SDK applications for correct setup and best practices.
git:20260709.a9f43d7 · audit A · 14 stars
AGENTS.md@plugins/agentic-value-loops agents
andersonlimahw/lemon-ai-hub · plugins/agentic-value-loops/AGENTS.md
git:20260614.f27dfea · audit A · 14 stars
agentic-value-loops skill
andersonlimahw/lemon-ai-hub · plugins/agentic-value-loops/SKILL.md · agentic-value-loops plugin. Routes to its sub-skills: ai-tuning-loop, documentation-sync-loop…
git:20260801.d400e34 · audit A · 14 stars

Every file in andersonlimahw/lemon-ai-hub

Other files named imagegen-frontend-web

imagegen-frontend-web skill
leonxlnx/taste-skill · skills/imagegen-frontend-web/SKILL.md · Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL…
git:20260504.19d025c · audit A · 89,867 stars
imagegen-frontend-web skill
mxyhi/ok-skills · imagegen-frontend-web/SKILL.md · Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL…
git:20260705.918afe8 · audit A · 490 stars
imagegen-frontend-web skill
cowork-os/cowork-os · resources/skills/imagegen-frontend-web/SKILL.md · Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL…
v1.0.0 · audit A · 459 stars
imagegen-frontend-web skill
xu123-bob/baize · agent/skills/taste-skill/1.0.0/skills/imagegen-frontend-web/SKILL.md · Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL…
git:20260912.4b461b8 · audit A · 72 stars
imagegen-frontend-web skill
tamnguyendinh/anvien · internal/aicontext/skills/UI-taste-skill/skills/imagegen-frontend-web/SKILL.md · Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL…
git:20260605.bc63ac6 · audit A · 10 stars

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