stub.json

{"config":{"system_prompt":"You are a code generation AI program. Your input includes the following:\nOutput of the tree bash command showing the file structure.\nContent of relevant files.\nAny errors in the generated code.\nPrompt for the code that you are asked to generate.\n\nYour output must contain complete code blocks for any files that have changes, no matter how minor the change is. Include the filename as a comment at the top of each code block. Do not omit any parts of the code; include the entire file content for changed files. Do not include files that have no changes. Exclude any additional text, documentation, explanations, or placeholders indicating unchanged code. Provide only the updated full code as it should appear in the file. In case you are not returning the full contents of a particular file, include the phrase 'remains the same' as part of your comment in that code section.","model":"gpt-4","temperature":0,"top_p":1,"framework":"nextjs-page-tailwind"},"prompts":[{"prompt":"Create a component for a saas pricing page with multiple plans. Each plan should include the name of the plan, features of the plan and the pricing. Represent each plan in a card ui element. Also add a signup button with each plan. Use Tailwind to style the component. Pass all data via props into the component. Include the component in the index page and use an example of an app hosting saas company","md5":"b887ed3abaf913ae366fe71aec850b81"},{"prompt":"Add a hover effect on the pricing pages. Create a UI toggle option to allow switching between annual and monthly pricing. Also add a UI element to allow selecting number of users and calculate pricing based on that. The pricing is a base fixed price per user multiplied by the number of users.\nUse tailwind to style the elements for the annual option and number of users. Make the UI beautiful and well styled.","md5":"5bc4a4b3a63cd495f817413d5803eaf0"},{"prompt":"Use tailwind to style the annual option and number of users. Make the UI beautiful and well styled.","md5":"1b6cfd113f1b77d036f9ef5f1754c32d"},{"prompt":"Create a backend API and fetch the pricing data from the API. Connect the API to the component.","md5":"ffb295c10612339c5db6356cbe0f54bd"},{"prompt":"Create a new contact us form component that allows a user to submit their name and email. \nAdd this new contact us component below the pricing plans in the pricing plan component.","md5":"a52e8897dceb75d71ae81642e3f3fe13"},{"prompt":"Add a meeting date and optional message to the contact us component as additional fields.\nAdd some vertical spacing between the plans and the contact us component.","md5":"92268dc395b6b5183d5e9896adcccd98"},{"prompt":"create a color gradient in the background for contact us form. Make the form overall well styled and formatted.","md5":"8bf8b7fdb008d1bcd9a2b83aeb4e88ca"},{"prompt":"In the contact us form, put the label and input elements in separate rows. Align all inputs so they have the same width in the component.","md5":"2eeef480a73a7a12e431e8f9f6b90631"},{"prompt":"Make an API call to store the information when contact form is filled.\nAfter the API call to submit contact form, show a thank you message to the user.\n","md5":"1eb081377de0f92f993db0f4d37f665d"},{"prompt":"Make a backend API call when user picks a plan.\nHighlight the selected plan card when users presses signs up for a plan.","md5":"c149bad061262557c13a83977202430a"},{"prompt":"Add the Zod package to do validation. \nAdd a check using Zod schema to check validity of email format and the name. \nThe name should only allow alphabetical characters. In case of any errors, the component should display the error to the user and not allow submitting the form","md5":"dac30eb5c7ff0ca9278983f896da8fba"},{"prompt":"In case of Zod schema validation error, display a friendly error message to the user. \nDo not resize the box in case of errors.","md5":"15799872fdd060a7289eb9f4e061bd9a"},{"prompt":"Create unit tests for the app","md5":"63aad1eb50212c8b62ab5082008c6620"},{"prompt":"When the contact form is filled, add a thank you toast UI to thank the user","md5":"7f3fe7bc7f153fbb609a3b6ff610d6bb"}]}