Workflow landing page
Skill subhansh-dev/agent-maxxing/examples/workflow-landing-page
95+ agent skills, 19 UI components, 7 system prompts from Claude Fable 5, GPT-5.5, Gemini CLI & more. Self-fine-tune your agent: paste one prompt and it reads every skill, internalizes patterns, and becomes elite. Works with Claude Code, Codex, Cursor, OpenCode + 60 more agents.
npx -y skills add subhansh-dev/agent-maxxing --skill workflow-landing-pageAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
2 things to look at
- 29 days oldThe repository was created 29 days ago. New is not bad, but a brand new repository carrying a familiar-sounding name is the shape a typosquat arrives in, and there has been no time for anyone else to find a problem with it.
- 2 stars2 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Multi-agent workflow for shipping a conversion-optimized landing page in one day.
SKILL.md
2.4 KB, 587 tokens by cl100k_base, as published. Nobody here has run it
Multi-Agent Workflow: Landing Page Sprint
Ship a conversion-optimized landing page in one day using agent skills.
The Scenario
You need a landing page for a new product. It needs to look great, convert visitors, and be live by end of day.
Skills Used
| Skill | Role in this workflow |
|---|---|
| Frontend Design | Design the layout and component specs |
| Writing Style | Write the copy |
| Artifact Design | Visual identity and polish |
| Anti-Patterns | Avoid AI-generated looks |
| Polish | Final quality pass |
The Workflow
Step 1: Research & Plan
Load Frontend Design skill.
Analyze the product and target audience.
Decide: hero style, color palette, typography, layout structure.
Output: Design brief with specific choices.
Step 2: Write Copy (Parallel)
Load Writing Style skill.
Write landing page copy:
1. Hero (headline + subheadline + CTA)
2. Problem statement (3 pain points)
3. How it works (3 steps)
4. Social proof (testimonial format)
5. Pricing (3 tiers)
6. Final CTA
Tone: confident, concise, slightly playful.
Avoid: AI slop words, hedging, sycophantic openers.
Step 3: Build Layout
Load Frontend Design + Artifact Design skills.
Build the HTML/CSS:
- Hero with real image (not SVG gradient)
- Feature cards with icons (not emoji)
- Pricing table with clear hierarchy
- Mobile-responsive throughout
- No purple-blue gradients
- No glassmorphism everywhere
Step 4: Apply Anti-Slop
Load Anti-Patterns skill.
Check for:
- Purple-to-blue gradients? → Replace
- Identical card grids? → Add variety
- "Leverage synergies" copy? → Rewrite
- Inter/Roboto fonts? → Pick something better
- Everything centered? → Add asymmetry
Step 5: Polish
Load Polish skill.
Final pass:
- Spacing consistency
- Typography hierarchy
- Color contrast
- Animation timing
- Loading states
- Error states
Expected Outcome
A landing page that:
- Looks handcrafted, not AI-generated
- Has real images and specific copy
- Converts with clear CTAs
- Works on mobile and desktop
- Loads fast (no unnecessary dependencies)