Skip to the content
FilCommunityWorkflowsDocsOpen Fil
Revise the existing page as a React app. Keep the layout, sections, components and behaviour exactly as they are. Change…
A web page: run it in Fil

Code · Claude Sonnet 5.5

Revise the existing page as a React app

Revise the existing page as a React app. Keep the layout, sections, components and behaviour exactly as they are. Change the colour theme to orange: use a vivid orange (#F97316) as the primary and accent colour for buttons, links, highlights, icons and active states, with a deeper orange (#C2410C) for hover and pressed states, and a soft orange tint (#FFEDD5) for light backgrounds and cards. Replace every blue, purple or other colour accent with these oranges. Keep text legible, with dark text (#1F1308) on light backgrounds and white text on orange. Define the colours as CSS variables or a single theme object so the theme is easy to change. Keep all names, numbers and texts unchanged.

Meng To@shadownessguy0097
Model
Claude Sonnet 5.5
Made by
Meng To
Shared
Likes
0
Open in Fil

Use its prompt, turn it into a video or a 3D model, or find more like it in Fil. Fil is invite-only for now: without an invitation, Open in Fil shows the waitlist.

More like this

A cosy grainy gouache illustration of one cute fox sitting at a desk with a laptop, wearing big headphones, coding while…A cosy grainy gouache illustration of one cute fox sitting at a desk with a laptop, wearing big headphones, coding while listening to…A cosy grainy gouache illustration of one cute fox sitting at a desk with a laptop, wearing big headphones, coding while…A cosy grainy gouache illustration of one cute fox sitting at a desk with a laptop, wearing big headphones, coding while listening to…- Shopping - Marketing - E-commerce - Social media Reference (SKILL (3).md): --- name: illustration-isometric-mono…- Shopping - Marketing - E-commerce - Social media Reference (SKILL (3).md): --- name: illustration-isometric-mono description: Draws…- Shopping - Marketing - E-commerce - Social media Reference (SKILL (3).md): --- name: illustration-isometric-mono…- Shopping - Marketing - E-commerce - Social media Reference (SKILL (3).md): --- name: illustration-isometric-mono description: Draws…- Shopping - Marketing - E-commerce - Social media Reference (SKILL (3).md): --- name: illustration-isometric-mono…- Shopping - Marketing - E-commerce - Social media Reference (SKILL (3).md): --- name: illustration-isometric-mono description: Draws…- Shopping - Marketing - E-commerce - Social media Reference (SKILL (3).md): --- name: illustration-isometric-mono…- Shopping - Marketing - E-commerce - Social media Reference (SKILL (3).md): --- name: illustration-isometric-mono description: Draws…The hero image from the skill, for Hero.md: a sleeping hand resting on a dark linen sheet, wearing the slim Driftline ring…The hero image from the skill, for Hero.md: a sleeping hand resting on a dark linen sheet, wearing the slim Driftline ring, lit by a faint…Direction: Cards on a thread. The work hangs on the line that joins it. Explore: two or three rounded-square cards joined…Direction: Cards on a thread. The work hangs on the line that joins it. Explore: two or three rounded-square cards joined by one curved…A cosy grainy gouache illustration of one cute fox sitting at a desk with a laptop, wearing big headphones, coding while…A cosy grainy gouache illustration of one cute fox sitting at a desk with a laptop, wearing big headphones, coding while listening to…A cosy grainy gouache illustration of one cute fox sitting at a desk with a laptop, wearing big headphones, coding while…A cosy grainy gouache illustration of one cute fox sitting at a desk with a laptop, wearing big headphones, coding while listening to…An SVG illustration card (480x360) in the grainy gouache, risograph-like style from the SKILL.md, for people who use Codex…An SVG illustration card (480x360) in the grainy gouache, risograph-like style from the SKILL.md, for people who use Codex or Claude Code…A cute fox sitting at a desk coding with an AI coding assistant on a laptop, in a grainy gouache, risograph-like…A cute fox sitting at a desk coding with an AI coding assistant on a laptop, in a grainy gouache, risograph-like illustration. Flat…