Claude artifact examples you can open and use.

Write a client proposal as a single HTML file from Fernhollow, a company that sells stock and ordering software for food businesses, to Quillmere Foods, a chain of 14 bakeries. Include a short summary with three headline numbers, four workstreams that each expand to show deliverables and timing, an investment section where the client can tick three optional add-ons and see the first-year total update, a twelve-week timeline and next steps. Prices in pounds, all figures invented. Put an "Example data" label at the top and a note at the bottom that the companies are fictional. Make it look polished and work on a phone.

Make a pricing page for Fernhollow Stock, stock and ordering software for cafés and kitchens, as one self-contained HTML file. Three plans: Starter, Kitchen and Group (priced per site, from five sites). Add a Monthly and Yearly switch that changes every price and shows the yearly saving, with a year costing the same as ten months. Then a feature comparison table and four short questions and answers. Prices in pounds, all invented. Label it "Example data" and note that Fernhollow is a fictional company. It must look good on a phone.

Build a weekly sales dashboard for Fernhollow as one self-contained HTML file with no external libraries. Show four headline numbers (deal value, value won, number of deals, win rate), a bar chart of deal value by week for weeks 27 to 38 of 2026, and a table of the largest deals. Add filters for region (North, South, West) and deal stage (Proposal, Negotiation, Won, Lost) so the numbers, the chart and the table all update together. Generate invented deals from a fixed seed, and include Quillmere Foods and Brindlecote Freight as two of the accounts. Label it "Example data", note that the companies are fictional, and make it readable on a phone.

Write a quarterly business review from Fernhollow to its client Quillmere Foods, a 14-bakery chain, for Q3 2026, as a single HTML file with no external libraries. Include a short summary with three headline numbers; a line chart of the quarter week by week, with buttons to switch between waste reduced, orders automated and stock accuracy, where hovering or tapping a week shows its exact value and the arrow keys work too; a table of goals against results that includes two missed goals; and three priorities for Q4. Invented figures, an "Example data" label, a note that the companies are fictional, and it has to work on a phone.

Create a first-week onboarding guide for new customer success hires at Fernhollow, a company that makes stock software for kitchens, as a single HTML file. Organise it by day, Monday to Friday, with four tasks a day the new hire can tick off. A progress bar that stays at the top of the screen should fill as they tick, with a count for each day. Add who to ask for what (by role, not name) and a short glossary. Label it "Example data", note that the company is fictional, and make it work well on a phone.

Write a product spec for a 'suggested target levels' feature in Fernhollow Stock, stock software for kitchens, as a single HTML file. Sections: problem, goals and non-goals, user stories, requirements with priorities, the flow, open questions and rollout. Add a table of contents that sits beside the text on a wide screen and highlights the section being read, and collapses into a menu at the top on a phone. Invented details, an "Example data" label and a note that the companies are fictional.

Make a training quiz for Fernhollow's support team on handling stock count errors, as a single HTML file. Eight multiple-choice questions shown one at a time, with the right answer and a short explanation after each choice, a progress bar, a score at the end with a pass mark of 6, and a button to retry only the questions they got wrong. Label it "Example data", note that the company is fictional, and make it work on a phone and with a keyboard.

Create an event plan for Fernhollow's two-day team offsite on Thursday 12 and Friday 13 November 2026 at a converted mill, as a single HTML file. Put a live countdown to the coach leaving at 8:00 on the first morning at the top, then an agenda with a tab for each day, travel and venue details, who to call for what (by role), and a packing list. Invent the venue and details, add an "Example data" label and a note that the company is fictional, and make it work on a phone.