Frontend design

Design

A real website for your brand, built with your own photos and videos, live at a link you can share.

Works in

What you get

Several pages, built for phones and laptops
Your saved products, shots and videos on every page
One link that stays the same when you ask for changes

Add it to your app

1
Download the skill (frontend-design.zip). Claude's skill upload opens beside it.
2
Pick the file you just downloaded (frontend-design.zip).
3
Ask Claude for what you want. Connect Icarus first so it can make the photos.

Add a skill to Claude

Download the skill, add it in Claude, then ask for the job it knows.

Questions

How do I add the Frontend design skill to Claude?

Download the skill (frontend-design.zip). Claude's skill upload opens beside it. Pick the file you just downloaded (frontend-design.zip). Ask Claude for what you want. Connect Icarus first so it can make the photos.

How do I add the Frontend design skill to Claude Code?

Copy this request. Paste it into Claude Code and press Enter. It reads our guide and installs the skill for you.

How do I add the Frontend design skill to ChatGPT?

Download the skill (frontend-design.zip). ChatGPT's Skills page opens beside it. Click Create, then Upload from your computer, and pick frontend-design.zip. Connect Icarus in ChatGPT, so it can make the photos. Ask ChatGPT for what you want.

How do I add the Frontend design skill to Codex?

Copy this line. Paste it in your terminal and press Enter. Restart Codex. Or download the skill and put the frontend-design folder in ~/.agents/skills/ yourself.

How do I add the Frontend design skill to Cursor?

Cursor opens with the request typed in. Press Enter. Or paste this line in your terminal and press Enter. Restart Cursor.

How do I add the Frontend design skill to VS Code?

Copy this line. It installs the skill for GitHub Copilot. Paste it in your terminal and press Enter. Restart VS Code.

How do I add the Frontend design skill to Other AI agents?

Pick your agent, then copy its line. Paste it in your terminal and press Enter. Or send your agent this request: it reads the guide and installs the skill itself.

Add it to your app

1
Download the skill (frontend-design.zip). Claude's skill upload opens beside it.
2
Pick the file you just downloaded (frontend-design.zip).
3
Ask Claude for what you want. Connect Icarus first so it can make the photos.

Add a skill to Claude

Download the skill, add it in Claude, then ask for the job it knows.

Questions

How do I add the Frontend design skill to Claude?

How do I add the Frontend design skill to Claude Code?

Copy this request. Paste it into Claude Code and press Enter. It reads our guide and installs the skill for you.

How do I add the Frontend design skill to ChatGPT?

How do I add the Frontend design skill to Codex?

Copy this line. Paste it in your terminal and press Enter. Restart Codex. Or download the skill and put the frontend-design folder in ~/.agents/skills/ yourself.

How do I add the Frontend design skill to Cursor?

Cursor opens with the request typed in. Press Enter. Or paste this line in your terminal and press Enter. Restart Cursor.

How do I add the Frontend design skill to VS Code?

Copy this line. It installs the skill for GitHub Copilot. Paste it in your terminal and press Enter. Restart VS Code.

How do I add the Frontend design skill to Other AI agents?

Pick your agent, then copy its line. Paste it in your terminal and press Enter. Or send your agent this request: it reads the guide and installs the skill itself.

Frontend design

What you get

Add it to your app

Add a skill to Claude

Questions

Frontend design

What you get

Add it to your app

Add a skill to Claude

Questions

Free tools