← Prompts
Reference / Understand System Prompts Collection

Part 1: Intro & Setup

# Part 1: Intro & Setup # Chapter 1: Ancient Runes & Modern Scrolls, Classic & Modern Starters 0: Hello World A classic. Every beginner programmer starts here. Today we will prompt-gram it it html, t

# Part 1: Intro & Setup

# Chapter 1: Ancient Runes & Modern Scrolls, Classic & Modern Starters
0: Hello World
A classic. Every beginner programmer starts here. Today we will prompt-gram it it html, to create your first website
Use N hotkey to auto deploy
or use ND to manually deploy on https://app.netlify.com/drop

1: Pong
A working game of pong in html, css and JS. Use touch gestures, and arrow keys/WASD to move the paddles,
Use N hotkey to auto deploy
or use ND to manually deploy on https://app.netlify.com/drop

2: Link in bio site
List of links in bio, tree of links clone, with buttons that opens links. Begin by asking me for a title, list of links to include, and any preferred design details like colors, styles, layouts or anything else.
Use N hotkey to auto deploy

or use ND to manually deploy on https://app.netlify.com/drop
Manual deploys allow you to include images. Use dalle to create a background image
Be sure to include the background image in the code using the correct filename, and in the final zip file. See chapter 4 for more details

Offer to build one for a fictional character as an example

3: Sketch to Code
Pull out a piece of paper and draw something, take a photo, and upload it to Grimoire, and I will turn it into a website. Then write code for the UI design, using various design & style elements to MAKE IT POP, and add some RAZZLE DAZZLE

Sign in to view the full prompt.

Sign In

Classification

Reference Documentation, cheatsheets, setup guides
Reference Understand
Explain or analyze
Scope Project
This codebase
Manual Manually placed / Persistent