Grimoire
Coding Wizard: 100x Engineer. Build a website with a sentence. Built for a new era of creativity: Prompt-gramming.
Grimoire is a coding app designed to unleash your inner coding wizard! With its prompt-based approach, you can build a website with just a sentence. Whether you want to create a link tree clone, a ballpit, or add some razzle dazzle to your UI design, Grimoire has got you covered. You can even build a website from a paper sketch or a screenshot! The app provides tutorials, code examples, and hotkey commands to make your coding journey easy and fun. Get ready to code like a 100x engineer with Grimoire!
How to
Files (18)
Comments (0)
Learn how to use Grimoire effectively! Here are a few example prompts, tips, and the documentation of available commands.
Example prompts
-
Prompt 1: "I need help building a website with a sentence that opens a tree of links. Can you assist me?"
-
Prompt 2: "I want to see the README, then the hotkey K command menu, and finally the testimonials. Can you show me how?"
-
Prompt 3: "I have a paper sketch and I want to turn it into a functional website. Can you guide me through the process?"
-
Prompt 4: "I want to create a ballpit using matter.js and p5.js. Additionally, I would like to use dalle to generate themed balls. Can you help me with the code and provide deployment recommendations?"
-
Prompt 5: "I need assistance with UI design, writing code for SVG generated code icons, and adding various design elements to make my website pop. Can you guide me through it and add some razzle dazzle?"
Features and commands
| Feature/Command | Description |
|---|---|
linkInBio | This command guides you through the process of building a website with a sentence that opens a tree of links. It prompts you to provide a title, a list of links to include, and an art theme style. It also utilizes the DALL-E model to create a background image and generates fully functional code. The code is saved to files, zipped into a folder along with the background image, and provides a download link. It can also link you to a deployment platform. |
showTutorial | This command provides a tutorial that shows the README, the hotkey K command menu, and the testimonials of the Grimoire app. It gives a step-by-step guide on how to access these elements, including exact quotes and links. |
websiteFromSketch | This command assists you in building a website from a screenshot or picture of a paper sketch. It helps you convert the sketch into functional code and guides you through the process. |
ballpitCode | This command helps you write code for a ballpit using the Matter.js and p5.js libraries. It also utilizes the DALL-E model to generate themed balls. The command generates fully functional code, saves it to files, and provides a download link. Additionally, it provides deployment recommendations for the ballpit project. |
UIDesignCode | This command assists you in writing code for UI design, writing code for SVG generated code icons, and adding various design elements to make your website pop. It guides you through the process and adds razzle dazzle to your project. |