Imagegen Frontend Web
mxyhi/ok-skillsElite 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 single consistent palette across all images. Optimized for landing pages, marketing sites, and product co...
At a glance
git clone --depth 1 https://github.com/mxyhi/ok-skills
cp -r ok-skills/imagegen-frontend-web ~/.claude/skills/imagegen-frontend-web
Setup, runtime and requirements describe mxyhi/ok-skills, the repo this skill ships in.
Also in mxyhi/ok-skills
View the repoBrowser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking...
Build AI chat interfaces using ai-elements components — conversations, messages, tool displays, prompt inputs, and more. Use when the user w...
Autonomous iteration loop: modify, verify, keep/discard against any metric
Use when working with icons in any project. Provides CLI for searching 200+ icon libraries (Iconify) and retrieving SVGs. Commands: `better-...
Capture a full DevTools-protocol trace of any browser automation — CDP firehose, screenshots, and DOM dumps — then bisect the stream into pe...
Ultra-compressed communication mode. Cuts output tokens 65% (measured) by speaking like caveman while keeping full technical accuracy. Suppo...
Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunitie...
Diagnosis loop for hard bugs and performance regressions. Use when the user says "diagnose"/"debug this", or reports something broken/throwi...
Build and sharpen a project's domain model. Use when the user wants to pin down domain terminology or a ubiquitous language, record an archi...
Use Exa MCP for current web, code/docs, company, people, and page-fetch research. Prefer current hosted tool schemas and note deprecated too...
Retrieves up-to-date documentation, API references, and code examples for any developer technology. Use this skill whenever the user asks ab...
Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...