Claude Sonnet 5.5 prompts
24 web pages people made with Claude Sonnet 5.5, Anthropic’s model, on Fil, the most liked first. Point at one to read its prompt, or open it to copy the prompt and see it large.
A one-page website for the game IsleTales, built to follow the reference mockup's layout, sections, type and cozy illustrated style: a…
The slides from the skill for the whole day, following the wired day plan, with the wired cover and project visuals. Reference…
The book from the skill: the wired cover, then each wired spread with its words from Story.md, to page through. Reference (Story.md): #…
The deck from the skill: the wired slides in order, full screen, with Talk.md’s notes in presenter view. Reference (Talk.md): # Talk…
The storyboard from the skill: the Reel in Reel.md on one page, with the wired scene pictures in order. Reference (Reel.md): # Reel…
The hero section from the skill, for Hero.md, built around the wired hero image. Reference (Hero.md): # Hero - **Product:** Driftline, a…
The website in the brief, following the skill: its pages, a shared design system, and data for each collection in Content.md, with the…
The website in the brief as a React site, following the skill, with the wired hero image in the hero and the wired reference’s layout…
A brand guide page for the brand in the brief, built from the wired brand board: the logo and its clear space, the colours with hex…
The component in the spec, following the skill, with the wired illustration. Reference (Spec.md): # Component spec - **Component:** A…
Let's change the logo.
add a footer
Create a polished, responsive single-page website with a clean modern layout: a hero with headline, short intro and call-to-action button…
Recreate the existing page, keeping its layout, sections, copy, colours and typography exactly, but remove all Three.js and WebGL code and…
Revise the existing page as a React app. Keep the layout, sections, components and behaviour exactly as they are. Change the colour theme…
A slide deck titled "The Best Design Tools" with about 300 words in total across the slides. Slides: a title slide, a short introduction…
Recreate the design shown in the reference image as one self-contained HTML page with inline CSS. Match the reference as closely as…
A web page built from the reference image: follow its layout and style if it shows a design, otherwise feature it.
Revise the existing page: replace its current images and placeholders with the new images provided, one in each matching section (hero…
Revise the existing page: replace its main image with Leonardo da Vinci's Mona Lisa, shown as the supplied painting image, framed like a…
Revise the existing page by rebranding it only; keep all content, copy, sections and layout structure exactly as they are. Replace the…
Build a self-contained Three.js scene that recreates the isometric illustration in the reference: a rounded square platform holding an…
Create a self-contained HTML hero banner component for a digital marketing and e-commerce growth service. Use the reference image as the…
create html