Create website reference images, inspect their text, spacing, colors, and layout, then build the frontend to match. Section-specific images guide landing pages, portfolios, and redesigns, with attention to readable content and uncluttered first screens.
中文简介正在准备中。当前显示英语简介。
Moved to github.com/Leonxlnx/imagegen-skills. Runs only when called by name.
安装前可以查看交给 AI 代理的指令内容。
This skill now lives in its own repository, with the other image-generation skills: https://github.com/Leonxlnx/imagegen-skills
The install name did not change:
npx skills add https://github.com/Leonxlnx/imagegen-skills --skill "image-to-code"
还没有评价。欢迎分享你的使用感受。
无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。
还没有评论。来写第一条吧。
Generate a brand overview image that brings together logos, colors, typography, imagery, and application mockups. Develop a new visual identity or extend supplied brand assets into a coherent presentation board guided by the brand’s purpose and audience.
中文简介正在准备中。当前显示英语简介。
Design, build, or refine public websites using researched layouts, typography, palettes, and imagery. It develops a concept from the subject, checks the page in a real browser at three widths, and guides revisions through screenshot reviews.
中文简介正在准备中。当前显示英语简介。
Build React or Next.js interfaces using adjustable layout variation, motion, and information density. This preserved v1 skill covers typography, color, responsive layouts, interaction states, and animation isolation for projects that require its original behavior.
中文简介正在准备中。当前显示英语简介。
An older experimental skill for designing landing pages, portfolios, and redesigns around a brief and audience. Adjust layout variation, motion, and information density while applying contextual design rules, consistent styling, and accessible interaction states.
中文简介正在准备中。当前显示英语简介。
Build expressive web pages with wide headings, tightly filled grids, and GSAP animations that follow scrolling. Organize content from attention through action, vary layouts through a defined selection process, and provide static states for reduced-motion preferences.
中文简介正在准备中。当前显示英语简介。
Create website interfaces with defined typography, spacing, layered cards, and animation rules. The skill guides React, Tailwind, and HTML output, combining asymmetric layouts with mobile adaptations and performance constraints for a consistent visual direction.
中文简介正在准备中。当前显示英语简介。