Prompt Elevator

• 

  Hero

Inspiration

Billions of people are using AI chats but very few know how to prompt. As part of a single-prompt hackathon challenge, I decided to see if I can make something to help people prompt, using just a single prompt!

What it does

An immersive landing page with parallax effect that lists over 200 tested and ready to use prompts. Each prompt uses the RACE (Role, Action, Context, Example) framework. The prompts can be copied from the site and pasted in any AI chat interface.

How I built it

I used ChatGPT to iteratively refine and Claude to make artifacts till I was happy with the output. Then I used that single prompt into Bolt.new to build the Prompt Elevator landing page.

Challenges I ran into

Getting the immersive parallax scrolling experience took a lot of tweaking and testing before it worked with the single-shot.

Accomplishments that I am proud of

The parallax scrolling effect on the page works really well, and all the prompts load correctly.

What I learned

I can now reliably make immersive landing pages thanks to the time and effort spent on this project

What's next for Prompt Elevator

I want to utilize more complex prompting frameworks like the one recently released by Anthropic and make this a more full-featured prompt engineering site

Built With

• css
• html
• netlify
• react
• tailwind
• typescript
• vite