agentleFS
Sign inStart free
HayatelinHayatelin/taste-skill-zh-CN/skills/imagegen-frontend-web/SKILL.md

imagegen-frontend-web

Skill8 starsChanged 40 days agoLicence not identifiedView on GitHub

顶级前端影像导演 skill，用于产生高级感、具转换意识（conversion-aware）的网站设计参考图。关键输出规则——每一个 section 各产生一张独立的横向图片。8 个 section 的 landing page 就要产出 8 张图，绝不把多个 section 压缩进同一张图。强制运行构图多样性（不能永远都是左文右图）、背景图自由运用、多变的 CTA、多变的 hero 尺度（giant / mid / mini minimalist）、叙事概念主轴（concept spine）、second-read moment，以及所有图片共用单一一致的色盘。针对 landing page、行销网站与产品设计稿（comp）优化，让开发者或 coding model 能精准重现。

Create a free account to mount
  • Other versions70 projects use a version of this.

    Word for word · 0

    None found.

    Edited · 0

    None found.

    Wrote their own version · 70

    1. caorushizi/mediago★ 9.3ksame name
    2. mxyhi/ok-skills★ 509same name
    3. hamzafarooq/claude-code-starter★ 145same name
    4. hushh-labs/hushh-research★ 39same name
    5. kresogalic8/unwatched★ 35same name
    6. jmxt3/gitscape.ai★ 33same name
    7. fathomise/MailFathom★ 20same name
    8. Krzysztof318/MailFathom★ 20same name
    9. ivanrvpereira/.agents★ 19same name
    10. rylsherdamz-rgb/stellar-forge★ 17same name

    60 more not listed

    How matches are found. Word for word: the exact same text. Edited: shares passages with this file (“99% same” means 99% of its five-word phrases also appear here; 10% or more counts). Their own version: similar meaning, or, weakest, the same name. We can’t tell which project had it first. Projects are counted among the 200 most-starred candidates, and mentions are links to the repository we found, up to 50 per site, so both counts are a floor.

  • Used alongsideProjects with it also use animate-expo, find-animation-opportunities and 8 more.

    Other files people use alongside this one.

    Files found in the same public projects as a version of this one, more often than they turn up anywhere else. Each project counts once, large collections count for less, and this file's own repository is left out.
    • sanmidableSkill

      animate-expo

      Also in 4 projects that use this

    • wxyhgkSkill

      find-animation-opportunities

      Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it does not implement it. Use when the user asks "what could be animated here?" or wants to "make this feel more alive". For fixing existing animations, use improve-animations or review-animations instead.

      Also in 7 projects that use this

    • sanmidableSkill

      ask-sonner

      Also in 4 projects that use this

    • cal1888Skill

      pick-ui-library

      Pick the right library for a given frontend task from a curated, opinionated list — numbers, OTP inputs, charts, command menus, virtualization, drag and drop, toasts, state, styling, and more. Only runs when explicitly invoked; it does not trigger on its own.

      Also in 5 projects that use this

    • wxyhgkSkill

      improve-animations

      Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other agents (or cheaper models) to execute. Read-only on source code — it plans improvements, it does not apply them. Use when the user asks to "improve the animations", "audit the motion", "make this app feel better", or wants a roadmap of animation fixes rather than a review of a single diff.

      Also in 7 projects that use this

    • VercelSkill

      emil-design-eng

      This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

      Also in 11 projects that use this

    • +1 more from sanmidable
  • In this repository13 other files it gives its agents.

Does it work?

Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.

No reviews yet

People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.

  • It worked
  • Partly
  • It didn't
What did you use it for? e.g. Reviewing pull requests in a Rails app

Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.

Your trail

Files you open will collect here, so you can find them again.

Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.

Now do this for your own.

Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.

Check your setup, free