Web pages on Community
Web pages people made with Fil and shared, with the prompt and model behind each. Open one to see it large, or make your own in Fil.
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 visual explainer for Topic.md, following the skill, with the wired cover picture. Reference (Topic.md): # Topic - **Question:** How…
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…
Build a single-page website that recreates the layout of the reference design: a narrow left column with a logo block, a short tagline…
A web page built from the reference image: follow its layout and style if it shows a design, otherwise feature it.
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…
Build a self-contained Three.js scene of the dark matte-black Mac-style keyboard shown in the reference image, modelled entirely in code…
Revise the existing page by rebranding it only; keep all content, copy, sections and layout structure exactly as they are. Replace the…
Revise the existing page to raise the quality of every detail while keeping its structure, sections, content, copy and overall design…
Recreate the Nodex website shown in the reference image as a single self-contained HTML page, matching its layout, spacing, typography and…
Build a single self-contained HTML page that recreates the dashboard in the reference image, a dark red-on-black spy-agency command…
A Three.js scene of the subject in the reference image, matching its forms, colours and mood.
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…
Build a full-screen Three.js scene that recreates the reference image: a black void with a tilted tablet (thin dark bezel, rounded…
create html. three.js.
create html