菜单
Create cohesive icon sets for landing pages using fal.ai FLUX.1. This skill should be used when building feature sections, benefit lists, or any visual elements requiring consistent iconography. Ensures all icons in a set share the same style, colors, and visual weight.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Safely adapt an external GitHub repository into an existing project instead of blindly copying its architecture. Use when the user wants to import, transplant, fork, vendor, or reimplement someone else's repo for their own stack, merge a repo into an existing app, preserve their own auth/database/billing/design-system while taking a source repo's features, resume an interrupted repository adaptation, or turn a repository or workflow into a callable Agent Skill or plugin. Performs evidence-first source and target analysis, builds a conflict matrix, interviews one material decision at a time, requires explicit approval of an Integration Contract before any code changes, implements in isolation, and verifies against the contract.
Generate brand-consistent images using fal.ai FLUX.1. This skill should be used when creating images for landing pages, marketing materials, or any visual assets that need to match Lead Gen Jay brand style. Ensures visual consistency across all generated imagery.
Lead Gen Jay brand illustration and motion graphics style system - flat SVG with floating UI, Framer Motion animations, consistent design tokens
Edit testimonial videos into polished social clips. Triggers on: 'testimonial edit', 'edit testimonial', 'testimonial video', 'cut testimonial', 'testimonial clip', 'social proof video', 'customer video edit', 'case study video'.
Quality enforcement layer for eliminating generic AI aesthetics in frontend code. This skill should be used when building or reviewing UI components, pages, or applications to ensure premium visual quality, authentic content, and distinctive design that avoids common AI-generated patterns.
Audit and clean up any project workspace — temp files, security issues, dead code, unused deps, git hygiene, build caches, and code quality. This skill should be used when the user wants to clean up, tidy, audit, or organize the project. Also use when the user mentions 'cleanup,' 'clean up,' 'tidy up,' 'housekeeping,' 'remove temp files,' 'dead code,' 'unused deps,' 'unused dependencies,' 'git hygiene,' 'project audit,' 'repo cleanup,' 'clear cache,' or 'stale branches.'
| name | icon-set-creator |
| description | Create cohesive icon sets for landing pages using fal.ai FLUX.1. This skill should be used when building feature sections, benefit lists, or any visual elements requiring consistent iconography. Ensures all icons in a set share the same style, colors, and visual weight. |
This skill provides frameworks for generating consistent, cohesive icon sets using fal.ai FLUX.1 model.
Style: Clean, geometric, single color
Best for: Modern SaaS, professional services
Prompt modifier: "minimalist flat icon, single color, geometric shapes"
Style: Depth through gradients, modern feel
Best for: Tech products, modern brands
Prompt modifier: "gradient icon, smooth color transition, modern 3D feel"
Style: Line-based, open, light
Best for: Documentation, light interfaces
Prompt modifier: "outlined icon, thin strokes, open design, line art"
Style: Solid shapes, bold, high contrast
Best for: CTAs, emphasis, dark backgrounds
Prompt modifier: "solid filled icon, bold shapes, high contrast"
Style: Two colors/tones, depth
Best for: Feature sections, marketing pages
Prompt modifier: "duotone icon, two-tone color scheme, layered depth"
Create a base prompt that all icons will share:
[STYLE]: [flat/gradient/outlined/filled/duotone]
[COLOR]: [primary color with hex]
[BACKGROUND]: [white/transparent/colored]
[SHAPE]: [rounded/sharp/geometric]
[WEIGHT]: [light/medium/bold]
Create one icon and refine the prompt until perfect. This becomes your reference.
Use the refined base prompt, only changing the subject for each icon.
Check all icons together for:
[style] icon of [subject], [color specification], clean white background, centered composition, consistent line weight, professional quality, high resolution, vector style
Minimalist flat icon of [SUBJECT], blue (#2563eb) monochrome, clean white background, simple geometric shapes, centered, consistent 2px line weight, professional vector style, high quality
Replace [SUBJECT] with specific concept:
| Concept | Subject Description |
|---|---|
| Speed | "lightning bolt" or "speedometer" |
| Security | "shield with checkmark" |
| Analytics | "bar chart" or "pie chart" |
| Integration | "connected puzzle pieces" |
| Automation | "gear cogs" or "workflow arrows" |
| Support | "headset" or "chat bubble" |
| Concept | Subject Description |
|---|---|
| Save Time | "clock with checkmark" |
| Save Money | "piggy bank" or "dollar sign" |
| Growth | "upward trending arrow" |
| Simplicity | "single click" or "magic wand" |
| Reliability | "shield" or "checkmark badge" |
| Results | "trophy" or "target" |
| Concept | Subject Description |
|---|---|
| Step 1/Start | "play button" or "starting flag" |
| Configure | "sliders" or "settings gear" |
| Connect | "chain link" or "plug" |
| Launch | "rocket" or "arrow up" |
| Complete | "checkmark" or "celebration" |
| Use Case | Size | Notes |
|---|---|---|
| Feature grid | 64×64px | Most common |
| Large features | 96×96px | Hero-adjacent |
| Inline icons | 24×24px | Text alongside |
| Nav icons | 20×20px | Navigation elements |
| Generation | 256×256px | Generate larger, scale down |
Always generate at 256×256px or larger, then scale down for crisp results.
Minimalist flat icon of [subject], blue (#2563eb) fill color, clean white background, simple geometric shapes only, no gradients, no shadows, centered composition, professional vector style, high quality
Modern gradient icon of [subject], gradient from navy blue (#1e3a8a) to bright blue (#3b82f6), subtle 3D depth, soft shadow, clean light background, contemporary design, high quality
Clean outlined icon of [subject], thin blue (#2563eb) strokes only, no fill, consistent 2px line weight, rounded corners, white background, minimalist line art style, high quality
Duotone icon of [subject], primary blue (#2563eb) with light blue (#93c5fd) secondary, layered design, subtle depth, clean white background, modern two-tone style, high quality
Before finalizing an icon set, verify:
// Feature section with icons
const features = [
{ icon: "/icons/analytics.png", title: "Smart Analytics", description: "..." },
{ icon: "/icons/automation.png", title: "Automation", description: "..." },
{ icon: "/icons/security.png", title: "Security", description: "..." },
];
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
{features.map((feature) => (
<div key={feature.title} className="text-center">
<div className="w-16 h-16 mx-auto mb-4">
<Image src={feature.icon} alt="" width={64} height={64} />
</div>
<h3 className="font-semibold mb-2">{feature.title}</h3>
<p className="text-muted-foreground">{feature.description}</p>
</div>
))}
</div>
<div className="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center">
<Image src="/icons/feature.png" alt="" width={24} height={24} />
</div>
blue (#2563eb)This skill works with:
For prompt templates by icon style, consult:
references/icon-prompts.md - Ready-to-use prompts for different icon styles