imagegen-frontend-web
Generates one horizontal design reference image per page section for landing pages, marketing sites, and product comps.
Skill by Jiranon-K
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/jiranon-k-imagegen-frontend-web
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, frontend, marketing
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/imagegen-frontend-web
What's inside
- Skill name
imagegen-frontend-web- Description
- Generates one horizontal design reference image per page section for landing pages, marketing sites, and product comps. Use when a developer or coding model needs an accurate visual target to build against.
- License
- NOASSERTION
- Instructions
- 101 lines in SKILL.md · view on GitHub
Files (22)
- SKILL.md
- 1-active-baseline-configuration.md · references/
- 10-section-rhythm-rule.md · references/
- 11-component-execution-guidelines.md · references/
- 12-density-spacing-discipline.md · references/
- 13-color-material-rules.md · references/
- 14-image-media-direction.md · references/
- 15-default-site-packs.md · references/
- 16-multi-image-consistency-rule.md · references/
- 17-clarity-check.md · references/
- 18-extra-creativity-implementation-edge.md · references/
- 19-response-behavior.md · references/
- 2-the-combinatorial-variation-engine.md · references/
- 20-example-interpretations.md · references/
- 21-final-goal.md · references/
- 3-frontend-reference-rule.md · references/
- 4-hero-minimalism-rules.md · references/
- 5-image-count-page-slicing.md · references/
- 6-creativity-escalation-rule.md · references/
- 7-image-first-art-direction.md · references/
- 8-anti-ai-slop-rules.md · references/
- 9-typography-first-discipline.md · references/
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from Jiranon-K/agent-skills
- 0.524score
image-to-code-skill
Jiranon-K
Generates design imagery first, analyses it, then implements a website to match it closely.
SkillBFreshness: BClaude Code +9 - 0.524score
ui-ux-pro-max
Jiranon-K
Serves a searchable database of visual styles, colour palettes, font pairings, product patterns, UX guidelines, and chart types across ten frontend stacks.
SkillBFreshness: BClaude Code +9 - 0.524score
ui-styling
Jiranon-K
Builds accessible interfaces with shadcn/ui, Radix, and Tailwind, covering responsive layout, theming, dark mode, and component composition.
SkillBFreshness: BClaude Code +9 - 0.524score
redesign-skill
Jiranon-K
Upgrades an existing website or app to premium quality by auditing the current design, naming its generic patterns, and replacing them without breaking…
SkillBFreshness: BClaude Code +9 - 0.524score
impeccable
Jiranon-K
Critiques and improves frontend interfaces across hierarchy, information architecture, cognitive load, accessibility, responsiveness, theming, motion, and UX…
SkillBFreshness: BClaude Code +9 - 0.524score
imagegen-frontend-mobile
Jiranon-K
Generates premium app-native mobile screen concepts and flows in phone mockups for iOS, Android, and cross-platform products.
SkillBFreshness: BClaude Code +9 - 0.524score
brandkit
Jiranon-K
Generates premium brand-guideline boards, logo systems, identity decks, and visual-world presentations as images.
SkillBFreshness: BClaude Code +9 - 0.524score
design-system
Jiranon-K
Builds three-layer design token architecture, component specifications, and brand-consistent slide systems.
SkillBFreshness: BClaude Code +9 - 0.524score
emil-design-eng
Jiranon-K
Encodes a design-engineering philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel considered.
SkillBFreshness: BClaude Code +9 - 0.524score
extract-design-system
Jiranon-K
Extracts design primitives from a public website and generates starter token files for a project.
SkillBFreshness: BClaude Code +9 - 0.521score
taste-skill
Jiranon-K
Infers the right design direction from a brief and ships interfaces that do not look templated, with an audit-first pass on redesigns.
SkillBFreshness: BClaude Code +9 - 0.520score
brand
Jiranon-K
Maintains brand voice, visual identity, messaging frameworks, and asset governance so output stays on-brand.
SkillBFreshness: BClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Aug 10, 2026 (2 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- NOASSERTION
- Repository
- github.com/Jiranon-K/agent-skills
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from Jiranon-K
- 0.524score
extract-design-system
Jiranon-K
Extracts design primitives from a public website and generates starter token files for a project.
SkillBFreshness: BClaude Code +9 - 0.524score
image-to-code-skill
Jiranon-K
Generates design imagery first, analyses it, then implements a website to match it closely.
SkillBFreshness: BClaude Code +9 - 0.524score
brandkit
Jiranon-K
Generates premium brand-guideline boards, logo systems, identity decks, and visual-world presentations as images.
SkillBFreshness: BClaude Code +9 - 0.524score
design-system
Jiranon-K
Builds three-layer design token architecture, component specifications, and brand-consistent slide systems.
SkillBFreshness: BClaude Code +9 - 0.524score
emil-design-eng
Jiranon-K
Encodes a design-engineering philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel considered.
SkillBFreshness: BClaude Code +9 - 0.524score
imagegen-frontend-mobile
Jiranon-K
Generates premium app-native mobile screen concepts and flows in phone mockups for iOS, Android, and cross-platform products.
SkillBFreshness: BClaude Code +9
Cite this page
imagegen-frontend-web skill. Agent Mart. https://agentmart.dev/skills/jiranon-k-imagegen-frontend-web (last updated 2026-10-24)