Made by the OpenAI Student CollectiveBring your laptop. And that weird idea.

The Taste Department

FULL-POWERFRONTEND

7 SKILLS
ALL YOURS

Your next website
could have a personality.

An original lime-and-chilli print illustration

GOOD TASTE.
BURI NAZAR, BYE.

01 / THE PRINT SHOP

Thoda loud.
Full power.

Pick a look. Download its brain.
Let your idea take it from here.

What you're getting

Indian print maximalism

Your website just honked outside. Hand-painted headlines, mango-yellow paper, ornamental borders, and enough confidence to put its own name on a truck. Use it when “a little more subtle” sounds like a threat.

Start with this

@Sites @Skill Installer — use the Indian print maximalism frontend skill to build my website in ChatGPT.

Use @Skill Installer to install the chosen design skill if supported in this environment; otherwise read its SKILL.md and supporting files directly. Only report a successful installation when confirmed.

Read https://github.com/sammy-ryed/fullpower-taste-department/blob/main/skills/indian-print-maximalism/SKILL.md and its linked references and assets. If you cannot fetch them, ask me to attach the ZIP before proceeding.

Follow the skill's design and motion guidance. Use rem-based dimensions, responsive layouts, keyboard-accessible controls, and a reduced-motion fallback. Keep my content and requirements; don't invent a different project. Use the supported @Sites stack; only use Next.js if it fits that environment or I explicitly request a local Next.js project.

FRONTEND-ONLY WORKSHOP DEMO:
This is an idea showcase and frontend prototype, not a production full-stack app. Mock any backend and/or database with bundled sample data and in-memory client-side state. Mock authentication, payments, uploads, and API responses where needed; do not create real servers, databases, accounts, integrations, or require API keys. Make the interface interactive with local state and clearly labelled demo loading, error, empty, and success states. Do not imply that mock records are saved remotely or shared with other visitors.

Use ChatGPT while building to write sample content if needed. Any AI-style results in the finished prototype must be clearly labelled mock examples, not live generation. Do not connect an LLM service. The entire demo must work without a backend or database. If I haven't replaced the placeholder below, ask what I want to make before writing code.

My request:
[Enter your prompt here]

Copy this, then add what you want to make.

Download .zip .skill SKILL.md + design notes + tokens + CSS

02 / Type galleryGive the letters some room.

Less stuff.
More nerve.

Good type.
Bad habits.

Yes, the letters are doing that on purpose.

What you're getting

Minimal type gallery

One huge headline. An alarming amount of white space. This layout owns a chair you’re not allowed to sit on. Crisp type, quiet controls, and a coral warp that makes the letters briefly question their career.

Start with this

@Sites @Skill Installer — use the Minimal type gallery frontend skill to build my website in ChatGPT.

Use @Skill Installer to install the chosen design skill if supported in this environment; otherwise read its SKILL.md and supporting files directly. Only report a successful installation when confirmed.

Read https://github.com/sammy-ryed/fullpower-taste-department/blob/main/skills/minimal-type-gallery/SKILL.md and its linked references and assets. If you cannot fetch them, ask me to attach the ZIP before proceeding.

Follow the skill's design and motion guidance. Use rem-based dimensions, responsive layouts, keyboard-accessible controls, and a reduced-motion fallback. Keep my content and requirements; don't invent a different project. Use the supported @Sites stack; only use Next.js if it fits that environment or I explicitly request a local Next.js project.

FRONTEND-ONLY WORKSHOP DEMO:
This is an idea showcase and frontend prototype, not a production full-stack app. Mock any backend and/or database with bundled sample data and in-memory client-side state. Mock authentication, payments, uploads, and API responses where needed; do not create real servers, databases, accounts, integrations, or require API keys. Make the interface interactive with local state and clearly labelled demo loading, error, empty, and success states. Do not imply that mock records are saved remotely or shared with other visitors.

Use ChatGPT while building to write sample content if needed. Any AI-style results in the finished prototype must be clearly labelled mock examples, not live generation. Do not connect an LLM service. The entire demo must work without a backend or database. If I haven't replaced the placeholder below, ask what I want to make before writing code.

My request:
[Enter your prompt here]

Copy this, then add what you want to make.

Download .zip .skill SKILL.md + design notes + tokens + CSS

03 / Color riot

MAKE
SOME
NOISE.

What you're getting

Colorful type poster

Small type has been asked to leave. Giant words take over the room, the buttons look like punctuation, and the whole thing can change its outfit without a single layout shift. Go on. Press the color button.

Start with this

@Sites @Skill Installer — use the Colorful type poster frontend skill to build my website in ChatGPT.

Use @Skill Installer to install the chosen design skill if supported in this environment; otherwise read its SKILL.md and supporting files directly. Only report a successful installation when confirmed.

Read https://github.com/sammy-ryed/fullpower-taste-department/blob/main/skills/colorful-type-poster/SKILL.md and its linked references and assets. If you cannot fetch them, ask me to attach the ZIP before proceeding.

Follow the skill's design and motion guidance. Use rem-based dimensions, responsive layouts, keyboard-accessible controls, and a reduced-motion fallback. Keep my content and requirements; don't invent a different project. Use the supported @Sites stack; only use Next.js if it fits that environment or I explicitly request a local Next.js project.

FRONTEND-ONLY WORKSHOP DEMO:
This is an idea showcase and frontend prototype, not a production full-stack app. Mock any backend and/or database with bundled sample data and in-memory client-side state. Mock authentication, payments, uploads, and API responses where needed; do not create real servers, databases, accounts, integrations, or require API keys. Make the interface interactive with local state and clearly labelled demo loading, error, empty, and success states. Do not imply that mock records are saved remotely or shared with other visitors.

Use ChatGPT while building to write sample content if needed. Any AI-style results in the finished prototype must be clearly labelled mock examples, not live generation. Do not connect an LLM service. The entire demo must work without a backend or database. If I haven't replaced the placeholder below, ask what I want to make before writing code.

My request:
[Enter your prompt here]

Copy this, then add what you want to make.

Download .zip .skill SKILL.md + design notes + tokens + CSS

04 / THE DAILY FRONTENDALL THE TYPE THAT FITSPRICE: YOUR ATTENTION

OPINION

Local website
finds its spine.

Reports suggest the addition of one thin line and a very large serif has made the entire project feel suspiciously considered.

FROM THE EDITOR

Stop burying
the headline.

Give the big idea the big type. The rest can wait its turn. Yes, even the paragraph you spent forty minutes writing.

EXTRA!
EXTRA!

What you're getting

Vintage newspaper

BREAKING: local student discovers a font with serifs. Warm paper, enormous mastheads, proper columns, and thin rules doing an unreasonable amount of work. Your portfolio now looks like it has an editor who smokes outside.

Start with this

@Sites @Skill Installer — use the Vintage newspaper frontend skill to build my website in ChatGPT.

Use @Skill Installer to install the chosen design skill if supported in this environment; otherwise read its SKILL.md and supporting files directly. Only report a successful installation when confirmed.

Read https://github.com/sammy-ryed/fullpower-taste-department/blob/main/skills/vintage-newspaper/SKILL.md and its linked references and assets. If you cannot fetch them, ask me to attach the ZIP before proceeding.

Follow the skill's design and motion guidance. Use rem-based dimensions, responsive layouts, keyboard-accessible controls, and a reduced-motion fallback. Keep my content and requirements; don't invent a different project. Use the supported @Sites stack; only use Next.js if it fits that environment or I explicitly request a local Next.js project.

FRONTEND-ONLY WORKSHOP DEMO:
This is an idea showcase and frontend prototype, not a production full-stack app. Mock any backend and/or database with bundled sample data and in-memory client-side state. Mock authentication, payments, uploads, and API responses where needed; do not create real servers, databases, accounts, integrations, or require API keys. Make the interface interactive with local state and clearly labelled demo loading, error, empty, and success states. Do not imply that mock records are saved remotely or shared with other visitors.

Use ChatGPT while building to write sample content if needed. Any AI-style results in the finished prototype must be clearly labelled mock examples, not live generation. Do not connect an LLM service. The entire demo must work without a backend or database. If I haven't replaced the placeholder below, ask what I want to make before writing code.

My request:
[Enter your prompt here]

Copy this, then add what you want to make.

Download .zip .skill SKILL.md + design notes + tokens + CSS

05 / Cartoon brainSomeone gave the paper legs.

100%
UNSERIOUS

BAD ATSITTINGSTILL.

HE HAS NO DELIVERABLES.

Try a different mood.
Hover to flirt. Click to commit.

Violet

What you're getting

Animated cartoon pop

This one ate the brief. Now it’s bouncing around in a purple room. The paper flies, the type gets out of its way, and you can try a new color just by hovering. Switch motion off if the little guy gets on your nerves.

Start with this

@Sites @Skill Installer — use the Animated cartoon pop frontend skill to build my website in ChatGPT.

Use @Skill Installer to install the chosen design skill if supported in this environment; otherwise read its SKILL.md and supporting files directly. Only report a successful installation when confirmed.

Read https://github.com/sammy-ryed/fullpower-taste-department/blob/main/skills/animated-cartoon-pop/SKILL.md and its linked references and assets. If you cannot fetch them, ask me to attach the ZIP before proceeding.

Follow the skill's design and motion guidance. Use rem-based dimensions, responsive layouts, keyboard-accessible controls, and a reduced-motion fallback. Keep my content and requirements; don't invent a different project. Use the supported @Sites stack; only use Next.js if it fits that environment or I explicitly request a local Next.js project.

FRONTEND-ONLY WORKSHOP DEMO:
This is an idea showcase and frontend prototype, not a production full-stack app. Mock any backend and/or database with bundled sample data and in-memory client-side state. Mock authentication, payments, uploads, and API responses where needed; do not create real servers, databases, accounts, integrations, or require API keys. Make the interface interactive with local state and clearly labelled demo loading, error, empty, and success states. Do not imply that mock records are saved remotely or shared with other visitors.

Use ChatGPT while building to write sample content if needed. Any AI-style results in the finished prototype must be clearly labelled mock examples, not live generation. Do not connect an LLM service. The entire demo must work without a backend or database. If I haven't replaced the placeholder below, ask what I want to make before writing code.

My request:
[Enter your prompt here]

Copy this, then add what you want to make.

Download .zip .skill SKILL.md + design notes + tokens + CSS

06 / Big concreteStart big. You can edit it down.

Built
different.

Architectural color blocksKeep scrolling. Three large points are incoming. ↓

PICK YOUR STRUCTURE
A little
less timid.
Let the type take up space.
It’s paying the rent.
PUT SOME COLOR DOWN
Paint the
whole wall.
A color block should commit.
A polite little tint won’t do.
NOW MAKE IT MOVE
Give it
some room.
Three panels. One scroll.
A very satisfying entrance.

What you're getting

Architectural color blocks

The headline has planning permission. Huge numerals and flat slabs of color slide into place like somebody gave a building a scroll wheel. No shadows. No tiny decorative nonsense. Just very large things being very sure of themselves.

Start with this

@Sites @Skill Installer — use the Architectural color blocks frontend skill to build my website in ChatGPT.

Use @Skill Installer to install the chosen design skill if supported in this environment; otherwise read its SKILL.md and supporting files directly. Only report a successful installation when confirmed.

Read https://github.com/sammy-ryed/fullpower-taste-department/blob/main/skills/architectural-color-blocks/SKILL.md and its linked references and assets. If you cannot fetch them, ask me to attach the ZIP before proceeding.

Follow the skill's design and motion guidance. Use rem-based dimensions, responsive layouts, keyboard-accessible controls, and a reduced-motion fallback. Keep my content and requirements; don't invent a different project. Use the supported @Sites stack; only use Next.js if it fits that environment or I explicitly request a local Next.js project.

FRONTEND-ONLY WORKSHOP DEMO:
This is an idea showcase and frontend prototype, not a production full-stack app. Mock any backend and/or database with bundled sample data and in-memory client-side state. Mock authentication, payments, uploads, and API responses where needed; do not create real servers, databases, accounts, integrations, or require API keys. Make the interface interactive with local state and clearly labelled demo loading, error, empty, and success states. Do not imply that mock records are saved remotely or shared with other visitors.

Use ChatGPT while building to write sample content if needed. Any AI-style results in the finished prototype must be clearly labelled mock examples, not live generation. Do not connect an LLM service. The entire demo must work without a backend or database. If I haven't replaced the placeholder below, ask what I want to make before writing code.

My request:
[Enter your prompt here]

Copy this, then add what you want to make.

Download .zip .skill SKILL.md + design notes + tokens + CSS

07 / Soft serveYou've earned a quieter tab.

the soft side of the internet

Oh, that’s
really cute.

For websites you want to pinch
on the cheek. Gently.

01Buttery type

02Soft corners

03Good manners

What you're getting

Cute retro pastels

A small treat for your eyeballs. Cream paper, forest-green lettering, soft pastel labels, and buttons shaped like they’d offer you the last biscuit. Perfect for the idea in your notes app that deserves to be ridiculously lovable.

Start with this

@Sites @Skill Installer — use the Cute retro pastels frontend skill to build my website in ChatGPT.

Use @Skill Installer to install the chosen design skill if supported in this environment; otherwise read its SKILL.md and supporting files directly. Only report a successful installation when confirmed.

Read https://github.com/sammy-ryed/fullpower-taste-department/blob/main/skills/cute-retro-pastels/SKILL.md and its linked references and assets. If you cannot fetch them, ask me to attach the ZIP before proceeding.

Follow the skill's design and motion guidance. Use rem-based dimensions, responsive layouts, keyboard-accessible controls, and a reduced-motion fallback. Keep my content and requirements; don't invent a different project. Use the supported @Sites stack; only use Next.js if it fits that environment or I explicitly request a local Next.js project.

FRONTEND-ONLY WORKSHOP DEMO:
This is an idea showcase and frontend prototype, not a production full-stack app. Mock any backend and/or database with bundled sample data and in-memory client-side state. Mock authentication, payments, uploads, and API responses where needed; do not create real servers, databases, accounts, integrations, or require API keys. Make the interface interactive with local state and clearly labelled demo loading, error, empty, and success states. Do not imply that mock records are saved remotely or shared with other visitors.

Use ChatGPT while building to write sample content if needed. Any AI-style results in the finished prototype must be clearly labelled mock examples, not live generation. Do not connect an LLM service. The entire demo must work without a backend or database. If I haven't replaced the placeholder below, ask what I want to make before writing code.

My request:
[Enter your prompt here]

Copy this, then add what you want to make.

Download .zip .skill SKILL.md + design notes + tokens + CSS

THE BRIEF WAS LEFT UNSUPERVISED

No idea?
Take a bad one.

Six very buildable bad decisions. Pick a brief, borrow a frontend, add your own nonsense.

Build with @Sites in ChatGPT. Frontend only: mock the backend, database, and AI results with sample data. Make the buttons work, not a whole company. Private funeral-home messages stay in memory and disappear on reload. How Sites works.

BRIEF / 01THE OVERREACTION DESK

Breaking News: You Did One Thing

You boiled an egg. LinkedIn calls it leadership. Reddit wants to know if you're the villain. The newspaper has sent a helicopter.

AN EXAMPLE, NOT A WORKING GENERATOR

I missed my bus. Here's what it taught me about disrupting transport.

One event. Three completely unnecessary versions.

Make it do this

Type any tiny win, weird thought, or ordinary incident.
Switch between LinkedIn victory lap, Reddit confession, and front-page news.
Turn up the drama, edit the result, and copy or export it.

Make it worse: Add an 'HR has entered the chat' button that makes everything painfully professional.

Looks good in Vintage newspaper. Any skill works.

Steal this brief

1. Pick the frontend2. Add your own bad influence (optional)3. Your build prompt

@Sites @Skill Installer — build this website with me in ChatGPT.

Use @Skill Installer to install the chosen design skill if supported in this environment; otherwise read its SKILL.md and supporting files directly. Only report a successful installation when confirmed.

IDEA: Breaking News: You Did One Thing
Create a playful writing transformer. Accept a small achievement, weird thought, or everyday incident. Offer three clearly labelled parody modes: LinkedIn humblebrag, absurd Reddit confession, and newspaper front page. Include a drama slider, side-by-side input/output, editable results, copy, and an exportable post or front-page card. Preserve the user's underlying event; clearly label fictional exaggerations and never invent real credentials or accusations about real people. Do not post to social networks automatically.

FRONTEND-ONLY WORKSHOP DEMO:
This is an idea showcase and frontend prototype, not a production full-stack app. Mock any backend and/or database with bundled sample data and in-memory client-side state. Mock authentication, payments, uploads, and API responses where needed; do not create real servers, databases, accounts, integrations, or require API keys. Make the interface interactive with local state and clearly labelled demo loading, error, empty, and success states. Do not imply that mock records are saved remotely or shared with other visitors. The entire demo must work without a backend or database.

DESIGN SKILL:
[add skill here — paste a skill link or attach its ZIP]
Read its SKILL.md and linked design notes, CSS, tokens, and assets before building. If the skill is missing or unreadable, ask me to choose or attach it first. Any of the workshop skills can be used; the suggested style is not mandatory.

MOCK AI WRITING:
Use ChatGPT itself only while building, to author sample names, rewrites, labels, and other fictional copy. Bundle those examples with the frontend and use local templates or sample variations for generator controls. Clearly label generated-looking results as mock demo examples, not live AI. Do not connect an LLM service, request API keys, or require visitors to leave the demo for generation. Results should still be editable and core interactions must work entirely client-side.

BUILD REQUIREMENTS:
Use @Sites and its supported stack for the website. Use rem-based dimensions, responsive layouts, keyboard-accessible controls, and reduced-motion support. Build an interactive frontend demo of the tool, not a static landing page describing it. Include useful empty, loading, error, success, and reset states where applicable. Review outputs before sharing; do not publish user input automatically. Test the complete core interaction on mobile and desktop.

OPTIONAL EXTRA CHAOS:
Add an 'HR has entered the chat' button that makes everything painfully professional.

MY ADDITIONS / THINGS TO CHANGE:
[Add your own twist, content, features, or constraints here — or leave this out]

Open ChatGPT

Copy, open ChatGPT, and paste. Select @Sites from the mention picker if needed. Nothing is sent automatically.

BRIEF / 02BOTTLED FEELINGS, PROBABLY

Emotional Support Beverage

For post-viva silence. For 3 a.m. false confidence. For when they replied 'k' and now you're a limited-edition flavour.

AN EXAMPLE, NOT A WORKING GENERATOR

K. Cola — notes of overthinking, with a long, unread finish.

Serving suggestion: put the phone down.

Make it do this

Pick a suspiciously specific mood and mix your flavours.
Watch the can's colours, name, and label change live.
Write ridiculous ingredients and download your finished label.

Make it worse: A tiny receipt that itemises the emotional damage. Tax included.

Looks good in Cute retro pastels. Any skill works.

Steal this brief

1. Pick the frontend2. Add your own bad influence (optional)3. Your build prompt

@Sites @Skill Installer — build this website with me in ChatGPT.

Use @Skill Installer to install the chosen design skill if supported in this environment; otherwise read its SKILL.md and supporting files directly. Only report a successful installation when confirmed.

IDEA: Emotional Support Beverage
Create a fictional non-alcoholic drink configurator for oddly specific moods, including post-viva silence, 3 a.m. false confidence, and 'they replied k'. Let visitors mix flavours, choose colours, name the drink, and edit a comic ingredients label. Update a cute can preview live and export the finished design as an image. Use amusing fictional ingredients, not health claims or advice. Include a few useful starter combinations and a reset control.

FRONTEND-ONLY WORKSHOP DEMO:
This is an idea showcase and frontend prototype, not a production full-stack app. Mock any backend and/or database with bundled sample data and in-memory client-side state. Mock authentication, payments, uploads, and API responses where needed; do not create real servers, databases, accounts, integrations, or require API keys. Make the interface interactive with local state and clearly labelled demo loading, error, empty, and success states. Do not imply that mock records are saved remotely or shared with other visitors. The entire demo must work without a backend or database.

DESIGN SKILL:
[add skill here — paste a skill link or attach its ZIP]
Read its SKILL.md and linked design notes, CSS, tokens, and assets before building. If the skill is missing or unreadable, ask me to choose or attach it first. Any of the workshop skills can be used; the suggested style is not mandatory.

MOCK AI WRITING:
Use ChatGPT itself only while building, to author sample names, rewrites, labels, and other fictional copy. Bundle those examples with the frontend and use local templates or sample variations for generator controls. Clearly label generated-looking results as mock demo examples, not live AI. Do not connect an LLM service, request API keys, or require visitors to leave the demo for generation. Results should still be editable and core interactions must work entirely client-side.

BUILD REQUIREMENTS:
Use @Sites and its supported stack for the website. Use rem-based dimensions, responsive layouts, keyboard-accessible controls, and reduced-motion support. Build an interactive frontend demo of the tool, not a static landing page describing it. Include useful empty, loading, error, success, and reset states where applicable. Review outputs before sharing; do not publish user input automatically. Test the complete core interaction on mobile and desktop.

OPTIONAL EXTRA CHAOS:
A tiny receipt that itemises the emotional damage. Tax included.

MY ADDITIONS / THINGS TO CHANGE:
[Add your own twist, content, features, or constraints here — or leave this out]

Open ChatGPT

Copy, open ChatGPT, and paste. Select @Sites from the mention picker if needed. Nothing is sent automatically.

BRIEF / 03NEW NAME. SAME PROBLEMS.

The Personal Rebrand Emergency Kit

Said 'you too' when the waiter said 'enjoy your meal'? That's it. New name. New job. We have the paperwork.

AN EXAMPLE, NOT A WORKING GENERATOR

Formerly: you. Currently: River, independent cloud consultant.

Relocation not included. Dignity sold separately.

Make it do this

Choose the incident and how dramatic the rebrand should be.
Get a fictional name, profession, palette, and personal manifesto.
Edit and export a business card. Tick 'moving to another city' if necessary.

Make it worse: A before/after slider that treats changing your email signature like witness protection.

Looks good in Colorful type poster. Any skill works.

Steal this brief

1. Pick the frontend2. Add your own bad influence (optional)3. Your build prompt

@Sites @Skill Installer — build this website with me in ChatGPT.

Use @Skill Installer to install the chosen design skill if supported in this environment; otherwise read its SKILL.md and supporting files directly. Only report a successful installation when confirmed.

IDEA: The Personal Rebrand Emergency Kit
Create a humorous fictional persona and visual identity builder. Let visitors describe a mildly embarrassing incident and choose their level of reinvention. Produce an editable fictional name, profession, colour palette, short manifesto, and downloadable business card. Include an optional 'moving to another city' checkbox that changes the fictional backstory. Make clear this is a creative toy, not identity documents or help impersonating a real person. Include regenerate-one-field and reset controls.

FRONTEND-ONLY WORKSHOP DEMO:
This is an idea showcase and frontend prototype, not a production full-stack app. Mock any backend and/or database with bundled sample data and in-memory client-side state. Mock authentication, payments, uploads, and API responses where needed; do not create real servers, databases, accounts, integrations, or require API keys. Make the interface interactive with local state and clearly labelled demo loading, error, empty, and success states. Do not imply that mock records are saved remotely or shared with other visitors. The entire demo must work without a backend or database.

DESIGN SKILL:
[add skill here — paste a skill link or attach its ZIP]
Read its SKILL.md and linked design notes, CSS, tokens, and assets before building. If the skill is missing or unreadable, ask me to choose or attach it first. Any of the workshop skills can be used; the suggested style is not mandatory.

MOCK AI WRITING:
Use ChatGPT itself only while building, to author sample names, rewrites, labels, and other fictional copy. Bundle those examples with the frontend and use local templates or sample variations for generator controls. Clearly label generated-looking results as mock demo examples, not live AI. Do not connect an LLM service, request API keys, or require visitors to leave the demo for generation. Results should still be editable and core interactions must work entirely client-side.

BUILD REQUIREMENTS:
Use @Sites and its supported stack for the website. Use rem-based dimensions, responsive layouts, keyboard-accessible controls, and reduced-motion support. Build an interactive frontend demo of the tool, not a static landing page describing it. Include useful empty, loading, error, success, and reset states where applicable. Review outputs before sharing; do not publish user input automatically. Test the complete core interaction on mobile and desktop.

OPTIONAL EXTRA CHAOS:
A before/after slider that treats changing your email signature like witness protection.

MY ADDITIONS / THINGS TO CHANGE:
[Add your own twist, content, features, or constraints here — or leave this out]

Open ChatGPT

Copy, open ChatGPT, and paste. Select @Sites from the mention picker if needed. Nothing is sent automatically.

BRIEF / 04PLEASE DO NOT FINISH THE ART

The Museum of Almost

That abandoned side project isn't a failure. It's a work on permanent loan from your Downloads folder. Please respect the artist's decision to never finish OAuth.

AN EXAMPLE, NOT A WORKING GENERATOR

Untitled Startup No. 8. Abandoned at the login screen, 2025.

Mixed media: ambition, gradients, one working button.

Make it do this

Add a screenshot, project name, and where you gave up.
Frame it like expensive art with an editable exhibition label.
Browse the collection, leave a tiny virtual flower, or remove your exhibit.

Make it worse: An audio-guide script so pretentious that an empty database becomes a commentary on absence.

Looks good in Minimal type gallery. Any skill works.

Steal this brief

1. Pick the frontend2. Add your own bad influence (optional)3. Your build prompt

@Sites @Skill Installer — build this website with me in ChatGPT.

Use @Skill Installer to install the chosen design skill if supported in this environment; otherwise read its SKILL.md and supporting files directly. Only report a successful installation when confirmed.

IDEA: The Museum of Almost
Create a gallery for unfinished projects. Let a visitor select a screenshot, project title, year, and the point where they stopped. Present it as a prestigious artwork with an editable curator label. Include an exhibit detail view, a tiny virtual flower interaction, and delete/reset controls. Start with clearly labelled demo exhibits. Mock the collection and flower counts in memory; use local-only image previews, validate image types and sizes, and release preview URLs when removed. Do not upload files or add IndexedDB, a database, shared storage, or a backend. Explain that exhibits are not shared and reloading resets the demo.

FRONTEND-ONLY WORKSHOP DEMO:
This is an idea showcase and frontend prototype, not a production full-stack app. Mock any backend and/or database with bundled sample data and in-memory client-side state. Mock authentication, payments, uploads, and API responses where needed; do not create real servers, databases, accounts, integrations, or require API keys. Make the interface interactive with local state and clearly labelled demo loading, error, empty, and success states. Do not imply that mock records are saved remotely or shared with other visitors. The entire demo must work without a backend or database.

DESIGN SKILL:
[add skill here — paste a skill link or attach its ZIP]
Read its SKILL.md and linked design notes, CSS, tokens, and assets before building. If the skill is missing or unreadable, ask me to choose or attach it first. Any of the workshop skills can be used; the suggested style is not mandatory.

MOCK AI WRITING:
Use ChatGPT itself only while building, to author sample names, rewrites, labels, and other fictional copy. Bundle those examples with the frontend and use local templates or sample variations for generator controls. Clearly label generated-looking results as mock demo examples, not live AI. Do not connect an LLM service, request API keys, or require visitors to leave the demo for generation. Results should still be editable and core interactions must work entirely client-side.

BUILD REQUIREMENTS:
Use @Sites and its supported stack for the website. Use rem-based dimensions, responsive layouts, keyboard-accessible controls, and reduced-motion support. Build an interactive frontend demo of the tool, not a static landing page describing it. Include useful empty, loading, error, success, and reset states where applicable. Review outputs before sharing; do not publish user input automatically. Test the complete core interaction on mobile and desktop.

OPTIONAL EXTRA CHAOS:
An audio-guide script so pretentious that an empty database becomes a commentary on absence.

MY ADDITIONS / THINGS TO CHANGE:
[Add your own twist, content, features, or constraints here — or leave this out]

Open ChatGPT

Copy, open ChatGPT, and paste. Select @Sites from the mention picker if needed. Nothing is sent automatically.

BRIEF / 05REST IN DRAFTS

The Unsent Message Funeral Home

That paragraph did not need to reach the group chat. Give it flowers, a wildly overdramatic obituary, and the dignified burial your impulse control deserves. Everything stays on your device.

AN EXAMPLE, NOT A WORKING GENERATOR

Here lies ‘actually, one more thing.’ It had several more things.

Never sent. Deeply felt. Mercifully deleted.

Make it do this

Paste an unsent message and choose its flowers. No uploads. No audience.
Write its obituary, then lower it into a tiny digital grave.
Hold a private ceremony, then clear the message with one button.

Make it worse: A tiny mourner whispers 'you were right not to send that' as the flowers settle. Captions on; sound off by default.

Looks good in Vintage newspaper. Any skill works.

Steal this brief

1. Pick the frontend2. Add your own bad influence (optional)3. Your build prompt

@Sites @Skill Installer — build this website with me in ChatGPT.

Use @Skill Installer to install the chosen design skill if supported in this environment; otherwise read its SKILL.md and supporting files directly. Only report a successful installation when confirmed.

IDEA: The Unsent Message Funeral Home
Create a private, device-local ritual for messages people decided not to send. Let visitors enter an unsent message, choose flowers, and write or edit its obituary. Include a user-triggered ceremony that lowers the message into a tiny digital grave, with a gentle instant alternative for reduced motion. Keep the real message in memory only: no network transmission, remote AI calls, analytics, logging, URL parameters, localStorage, or automatic clipboard copying of message content. Clearing or reloading must discard it; explain this before input. After the ceremony, remove the original message from application state and show only a generic memorial. Include a clear-all button at every stage and a cancel option before burial. Use bundled assets and no third-party scripts. Do not present this playful ritual as therapy or a secure-erasure guarantee.

FRONTEND-ONLY WORKSHOP DEMO:
This is an idea showcase and frontend prototype, not a production full-stack app. Mock any backend and/or database with bundled sample data and in-memory client-side state. Mock authentication, payments, uploads, and API responses where needed; do not create real servers, databases, accounts, integrations, or require API keys. Make the interface interactive with local state and clearly labelled demo loading, error, empty, and success states. Do not imply that mock records are saved remotely or shared with other visitors. The entire demo must work without a backend or database.

DESIGN SKILL:
[add skill here — paste a skill link or attach its ZIP]
Read SKILL.md and its linked design notes, CSS, tokens, and assets first. If the skill is missing or unreadable, ask me to choose or attach it.

PRIVACY OVERRIDES AI WRITING:
Use ChatGPT itself only while building, to write generic fictional sample obituaries and ceremony copy. The finished app must never send a visitor's real message or obituary to ChatGPT or any other service. Do not add an AI handoff for private content. Let visitors write their own obituary or choose bundled templates. Everything entered stays local and ephemeral.

BUILD REQUIREMENTS:
Use @Sites and its supported stack, rem-based dimensions, responsive layouts, keyboard-accessible controls, and reduced-motion support. Build an interactive frontend demo of the ritual, not a static landing page. Test enter, cancel, bury, clear, and reload on mobile and desktop. Verify that message and obituary content never leave the device or persist after reload.

OPTIONAL EXTRA CHAOS:
A tiny mourner whispers 'you were right not to send that' as the flowers settle. Captions on; sound off by default.

MY ADDITIONS / THINGS TO CHANGE:
[Add your own twist, content, features, or constraints here — or leave this out]

Open ChatGPT

Copy, open ChatGPT, and paste. Select @Sites from the mention picker if needed. Nothing is sent automatically.

BRIEF / 06CONFIDENCE: 100. SOURCES: TRUST ME.

The Bureau of Fake Expertise

Watched half a tutorial? Welcome to the keynote circuit. Pick a subject you barely understand and leave with an absurd title, a conference talk, and a badge with more authority than it deserves.

AN EXAMPLE, NOT A WORKING GENERATOR

Senior Vice President of Knowing a Shortcut. Keynote: ‘Have You Tried Refreshing?’

A fictional expert. An extremely real lanyard problem.

Make it do this

Choose your barely understood subject and turn up the confidence.
Invent a fictional speaker, an absurd talk title, and a conference bio.
Edit and export a speaker badge with a clearly visible PARODY label.

Make it worse: A jargon translator that admits 'synergistic workflow orchestration' just means putting things in a folder.

Looks good in Indian print maximalism. Any skill works.

Steal this brief

1. Pick the frontend2. Add your own bad influence (optional)3. Your build prompt

@Sites @Skill Installer — build this website with me in ChatGPT.

Use @Skill Installer to install the chosen design skill if supported in this environment; otherwise read its SKILL.md and supporting files directly. Only report a successful installation when confirmed.

IDEA: The Bureau of Fake Expertise
Create a clearly fictional conference-speaker generator. Accept a harmless topic the visitor barely understands and a comic confidence level. Produce an editable fictional persona, extravagantly silly job title, short speaker bio, absurd talk title and abstract, and an exportable speaker badge. Keep a visible PARODY / FICTIONAL SPEAKER label on the interface and in every export. Use made-up organisations, not real company logos, professional licences, academic qualifications, or real-person impersonation. Offer sample topics, regenerate-one-field, reset, and a live badge preview. Use bundled mock writing variations for the generator; ChatGPT can help author them while building. Never publish the result to an external profile automatically.

FRONTEND-ONLY WORKSHOP DEMO:
This is an idea showcase and frontend prototype, not a production full-stack app. Mock any backend and/or database with bundled sample data and in-memory client-side state. Mock authentication, payments, uploads, and API responses where needed; do not create real servers, databases, accounts, integrations, or require API keys. Make the interface interactive with local state and clearly labelled demo loading, error, empty, and success states. Do not imply that mock records are saved remotely or shared with other visitors. The entire demo must work without a backend or database.

DESIGN SKILL:
[add skill here — paste a skill link or attach its ZIP]
Read its SKILL.md and linked design notes, CSS, tokens, and assets before building. If the skill is missing or unreadable, ask me to choose or attach it first. Any of the workshop skills can be used; the suggested style is not mandatory.

MOCK AI WRITING:
Use ChatGPT itself only while building, to author sample names, rewrites, labels, and other fictional copy. Bundle those examples with the frontend and use local templates or sample variations for generator controls. Clearly label generated-looking results as mock demo examples, not live AI. Do not connect an LLM service, request API keys, or require visitors to leave the demo for generation. Results should still be editable and core interactions must work entirely client-side.

BUILD REQUIREMENTS:
Use @Sites and its supported stack for the website. Use rem-based dimensions, responsive layouts, keyboard-accessible controls, and reduced-motion support. Build an interactive frontend demo of the tool, not a static landing page describing it. Include useful empty, loading, error, success, and reset states where applicable. Review outputs before sharing; do not publish user input automatically. Test the complete core interaction on mobile and desktop.

OPTIONAL EXTRA CHAOS:
A jargon translator that admits 'synergistic workflow orchestration' just means putting things in a folder.

MY ADDITIONS / THINGS TO CHANGE:
[Add your own twist, content, features, or constraints here — or leave this out]

Open ChatGPT

Copy, open ChatGPT, and paste. Select @Sites from the mention picker if needed. Nothing is sent automatically.

A few good rabbit holes

Tabs worth
keeping open.

Stuck? Go look at good work. These are places to find a direction, pick up a useful bit of code, or finally learn what that scroll effect is called.

Look closely. Build something of your own. Check each resource’s licence before reusing code or assets. Links open in a new tab.

Full-power Frontend / the workshop mixtapeMade by Samarth. Blame Samarth.

For the tabs you haven’t closed yet.

GOOD TUNES.BAD COMMITS.

I made you a playlist. Put it on while you build something weird. If the CSS breaks, at least the song’s good.

Open in Spotify

THE OFFICIAL UNOFFICIAL SOUNDTRACK

Press play when you’re ready. Player blocked? Use the Spotify link.

Headphones on. One more commit.Spotify’s player connects to Spotify. Nothing plays automatically.

FULL-POWERFRONTEND

Thoda loud.
Full power.

Indian print maximalism

Good type.
Bad habits.

Minimal type gallery

MAKE
SOME
NOISE.

Colorful type poster

The good
old scroll.

Local website
finds its spine.

Stop burying
the headline.

Vintage newspaper

BAD ATSITTINGSTILL.

Animated cartoon pop

Built
different.

A little
less timid.

Paint the
whole wall.

Give it
some room.

Architectural color blocks

Oh, that’s
really cute.

Cute retro pastels

No idea?
Take a bad one.

Breaking News: You Did One Thing

Make it do this

Emotional Support Beverage

Make it do this

The Personal Rebrand Emergency Kit

Make it do this

The Museum of Almost

Make it do this

The Unsent Message Funeral Home

Make it do this

The Bureau of Fake Expertise

Make it do this

Tabs worth
keeping open.

GOOD TUNES.BAD COMMITS.

Take it from here.

What feels like you?
You can always change your mind.

FULL-POWERFRONTEND

Thoda loud.Full power.

Indian print maximalism

Good type.Bad habits.

Minimal type gallery

MAKESOMENOISE.

Colorful type poster

The goodold scroll.

Local websitefinds its spine.

Stop buryingthe headline.

Vintage newspaper

BAD ATSITTINGSTILL.

Animated cartoon pop

Builtdifferent.

A littleless timid.

Paint thewhole wall.

Give itsome room.

Architectural color blocks

Oh, that’sreally cute.

Cute retro pastels

No idea?Take a bad one.

Breaking News: You Did One Thing

Make it do this

Emotional Support Beverage

Make it do this

The Personal Rebrand Emergency Kit

Make it do this

The Museum of Almost

Make it do this

The Unsent Message Funeral Home

Make it do this

The Bureau of Fake Expertise

Make it do this

GOOD TUNES.BAD COMMITS.

Thoda loud.
Full power.

Good type.
Bad habits.

MAKE
SOME
NOISE.

The good
old scroll.

Local website
finds its spine.

Stop burying
the headline.

Built
different.

A little
less timid.

Paint the
whole wall.

Give it
some room.

Oh, that’s
really cute.

No idea?
Take a bad one.