diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..92a2555 --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +images/.DS_Store +.DS_store +**/.claude/settings.local.json diff --git a/Anything_Icon_Dark.png b/Anything_Icon_Dark.png new file mode 100644 index 0000000..5dd8969 Binary files /dev/null and b/Anything_Icon_Dark.png differ diff --git a/Anything_LogoIcon_Dark.png b/Anything_LogoIcon_Dark.png new file mode 100644 index 0000000..1407712 Binary files /dev/null and b/Anything_LogoIcon_Dark.png differ diff --git a/Anything_LogoIcon_Light.png b/Anything_LogoIcon_Light.png new file mode 100644 index 0000000..a51f469 Binary files /dev/null and b/Anything_LogoIcon_Light.png differ diff --git a/STYLE_GUIDE.md b/STYLE_GUIDE.md new file mode 100644 index 0000000..d072ced --- /dev/null +++ b/STYLE_GUIDE.md @@ -0,0 +1,328 @@ +# Create Documentation Style Guide + +## Overview +This style guide ensures consistency across all Create documentation. Follow these guidelines for all new content, updates, and revisions. + +## File Structure & Naming + +### Directory Organization +``` +docs/ +├── builder/ # Builder-specific features +├── integrations/ # Third-party integrations +├── publish-and-share/ # Publishing and sharing features +├── quick-tips/ # Tips and tutorials +├── images/ # All documentation images +└── STYLE_GUIDE.md # This file +``` + +### File Naming +- Use kebab-case: `custom-domains.mdx` +- Be descriptive and concise +- Use lowercase letters only +- No spaces or special characters + +## Content Structure + +### Frontmatter +Every MDX file must include: +```yaml +--- +title: "Page Title" +description: "Brief description for SEO and navigation" +--- +``` + +### Headings +- Use `##` for main sections +- Use `###` for subsections +- **Maximum 2 header levels** on docs pages +- Keep headings short and descriptive + +### Content Hierarchy +1. **Overview** - What the feature does (keep it brief) +2. **Setup** - Quick setup steps +3. **Usage** - How to use the feature +4. **Examples** - Real-world use cases +5. **Troubleshooting** - Common issues and solutions + +## Writing Style + +### Tone & Voice +- **Simple and direct** - Write like Stripe docs or Paul Graham +- **Concise but complete** - Cover all key information with minimal words +- **Plain language** - Avoid jargon, use everyday words +- **Action-oriented** - Use active voice and imperative mood + +### Language Guidelines +- Use present tense for instructions +- Use "Create" (capitalized) when referring to the platform +- Use "builder" (lowercase) when referring to the interface +- Use "agent" (lowercase) when referring to the AI assistant +- Keep sentences short and direct +- Cut unnecessary words + +### Technical Writing +- **Be specific** - Include exact button names, menu paths, etc. +- **Use numbered lists** for sequential steps +- **Use bullet points** for non-sequential items +- **Include examples** - Show real prompts and responses +- **One idea per sentence** - Keep it simple + +## Components & Elements + +### Frames +Use for images and videos with captions: +```mdx + + ![Alt text](/images/path/to/image.png) + +``` + +### Steps +Use Mintlify's Step component for multi-step processes: +```mdx + + + Short description (optional) + + + + + +``` + +**Step Guidelines:** +- Each step has a title +- Short description (or no description) +- Include an image in a Frame component +- Keep steps focused and actionable + +### Cards +Use for feature highlights: +```mdx + + + Card description + + +``` + +### Warnings & Tips +```mdx + + Important warning information + + + + Helpful tip or best practice + + + + Additional information or context + +``` + +### Accordions +Use for FAQ sections: +```mdx + + + Answer with detailed explanation + + +``` + +## Images & Media + +### Image Guidelines +- **High quality** - Use clear, high-resolution screenshots +- **Consistent sizing** - Maintain aspect ratios +- **Descriptive captions** - Explain what the image shows +- **Alt text** - Include meaningful alt text for accessibility + +### Image Naming +- Use descriptive names: `team-toggle.png`, `database-viewer.png` +- Use lowercase with hyphens +- Include context in filename + +### Image Placement +- Place images close to relevant text +- Use Frames for all images with captions +- Ensure images support the content, don't replace it + +### Video Embeds +For Loom videos, use this format: +```mdx + + - -* **Version Timeline**: - * Tap the clock icon in the top left to see all versions - * Published versions are labeled - * Restore any version - -## Elements - -When you select an element in Select mode: - -* **Duplicate, Preview, or Delete** from the drop down menu in the top left corner in Canvas view - -* Move elements by dragging from their title - -* See quick actions appear in the chat +Keep track of changes and revert to previous versions - +- **Chat**: + - Tap on previous versions in the chat to jump back + - Hit 'Restore' to make it the current version +- **Version Timeline**: + - Tap the clock icon in the top left to see all versions + - Published versions are labeled + - Restore any version -## Projects +## Dashboard -**Rename, Duplicate or Delete** projects from the dashboard (create.xyz/dashboard) +- View your projects, delete and copy them - +![Dashboard1 Pn](/images/dashboard1.png) +- View your [databases](/builder/databases) created for existing projects +- **Custom Instructions** - shape the way the builder interacts with you and your project. This is an advanced feature not generally required for daily use. See community examples of Custom Instructions [**here.**](https://www.create.xyz/custom-instructions) +- **Invite** - collaborate with friends and colleagues on a project together +- **Subscription and Credits** - monitor your [credit consumption](/account/credits) and generations to date. You can also manage your Anything Monthly Subscription in this menu +- **Accept Payments** - Stripe onboarding to allow the [Stripe Integration](/stripe) to collect payments from within your projects \ No newline at end of file diff --git a/builder/databases-v1.mdx b/builder/databases-v1.mdx new file mode 100644 index 0000000..ee2cce1 --- /dev/null +++ b/builder/databases-v1.mdx @@ -0,0 +1,165 @@ +--- +title: "Databases (legacy)" +description: "This is a legacy document for projects using our prior version of databases" +--- + +Databases let you store information in your apps. They're essential for apps that need to remember data between uses - like user preferences, form submissions, user submissions, or content to display. + + + This is a legacy article for a prior version of databases (for apps built in Create prior to February 2025). The article for our current release is [linked here\!](/builder/databases) + + +## Why Use Databases + +Databases help you: + +- Save user input across sessions +- Store content for your app +- Build apps with dynamic data +- Create admin interfaces to manage information +- Store information that's specific to each user to customize your app's experience per user + +## Creating a Database + +Create databases through: + +**Chat** + +- From the chat for a Page, Function, or Component +- Type`/`\> "Data" \> "Create a database" +- Name your database (e.g., "Feedback", "Products") +- Describe how you want to store data: + - "Store waitlist signups with name and email in /[WaitlistDB]" + - "Store blog posts with title, content, and author in /[BlogDB]" + - "Store gallery submissions in /[GalleryDB]. In the feed, retrieve submissions from /[GalleryDB]" +- Send your prompt in the chat. Create generates the database schema and queries (inserts, updates, fetches). +- Test your database by using your Page/Function/Component in Demo mode. + - If you tap on the database name in the chat, you can view the data. + - From the[three dot menu](/builder/controls#top-nav)on the Page/Function/Component, you can go to Linked Data to see databases referenced by the element. This provides quick access to the database. + +**Dashboard** + +- Go to create.xyz/dashboard \> Databases \> New Database +- Name your database and submit +- Tap on the database name in the list to view its data +- (Optional) You can seed the initial schema / data with a CSV file +- Use it in the builder from a Page, Function, or Component with`/`\> "Data" \> "Select Database" + + + When you include a database in your prompt, Create generates queries based on your prompt's description. From these queries, it infers the database schema. It can: + + - Design tables from your description + - Infer structure / schema from your UI + - Follow specific schema requirements you provide (e.g. "Make a table for friends with name and age") + + +## Using Your Database + +Add databases to any page, component, or function: + +1. Type`/`in chat +2. Select your database +3. Choose how to interact (insert, update, fetch) +4. Create adds the necessary queries to the code. It sets the schema for the database from the queries. + +Your database appears in: + +- Chat - tap to view data +- [Three dot menu](/builder/controls#three-dot-menu)on a Page/Function/Component - Linked Data +- Dashboard - create.xyz/dashboard \> Databases + + + Use the same database across multiple elements or projects. This lets you build different interfaces for the same data. + + +## Managing Data + +You can manage the data in your database from the dashboard, the database viewer, or by building your own admin pages around it. + +**Add Data** + +- From the database viewer \> upload CSV files to populate tables. The table schema is inferred from the CSV column headers. +- From your app after it's integrated \> in either Demo mode or Publish, go through your app flows to insert into the database. +- Build your own admin tools: + - Create custom admin interfaces: + - New Page \> / in chat \> "Data" \> "Select Database" + - Describe your admin interface (e.g. "Make an admin interface for /[your database] that lets me add/edit/delete submissions") + - Create generates forms and tables to manage your data + - Add fields, filters, and sorting as needed + - Generate test data with AI: + - New Page \> / in chat \> "Data" \> "Select Database" + - Ask for a data generator (e.g. "Create a tool to generate test data for /[your database] using /ChatGPT") + - Review generated entries before saving + - Bulk add approved data to your database + - Works with ChatGPT, Sonnet 3.5, and other AI models + +**Update Schema** + +- Upload new CSV with modified columns from the database viewer +- Create custom update tools with pages/functions from the builder +- Contact support for manual changes. Email us at[hello@create.xyz](mailto:hello@create.xyz) + +**Joining Data** + +You can create multiple related tables in your database: + +- Describe the different tables you want in your prompt +- Create generates the appropriate schema and relationships +- Each table gets unique IDs automatically + +Each row in your database has a unique ID. This lets you: + +- Join data across tables in the same database +- Connect data between different databases +- Build relationships between user data and content + +For example, imagine building a blog with user accounts: + +1. Create a BlogPostsDB to store AI-generated posts +2. Enable User Accounts which creates UsersDB +3. When storing posts, include the current user's ID +4. Later, fetch posts filtered by user ID + +The flow works because: + +- Create stores the user ID from UsersDB with each blog post +- This connection lets you query posts by user +- You can join the data to show user details with posts + + + Create handles the relationship logic automatically when you describe how you want to connect the data in your prompt. + + +## Other Actions + +From the database viewer you can: + +- Rename database +- Delete database +- Download data as CSV + +## Pro Tips + +- AI excels at database design. In ChatGPT or other LLMs, ask "What schema would work for [your use case]?" and use the response in your database creation prompt +- Create your own admin pages to manage your data. You don't need to publish these, but they can help for managing. +- Use the same database across multiple pages for different views of your data + +## Examples + +You can use databases to build: + +- Contact form submissions +- Content management systems +- CRMs +- Gallery submissions +- Storing image urls +- User feedback collection +- Catalogs +- And more + +👉 Watch our [video tutorial](https://www.youtube.com/watch?v=cUcd3t6yJdM) for a detailed walkthrough. + +
+ +![Linking Pn](/images/linking.png) - -## Requiring Authentication +## Require authentication You can restrict page access to signed-in users: -1. Enable [User Accounts](/builder/user-accounts) +``` +Enable user accounts, require a user be signed in to view the following pages... +``` -2. Page > 3-dot menu > Settings > "Require account to view" +Users will: -3. Publish changes +- See content when signed in +- Be redirected to login when not authenticated -Users will: +Learn more about [User Accounts](/builder/user-accounts). -* See content when signed in +## Delete pages -* Get redirected to login when not +Simply ask the builder: -Learn more about [User Accounts](/builder/user-accounts). +``` +Delete my biography page +``` +![Deleteapage Pn](/images/deleteapage.png) \ No newline at end of file diff --git a/builder/style-guides.mdx b/builder/style-guides.mdx index f0c62f2..d94783b 100644 --- a/builder/style-guides.mdx +++ b/builder/style-guides.mdx @@ -3,85 +3,66 @@ title: "Style Guides" description: "Style Guides make your project look good, fast." --- + + Anything is replacing style guides with advanced premium quality design systems directly in the AI Builder. Updates coming soon\! + + Style Guides help you create professional-looking apps without specifying every design detail. They automatically apply consistent styling across your entire project. ### Why Use Style Guides Style Guides offer several benefits: -* **Professional design** - Created by expert designers - -* **Consistent look** - Every page and component matches - -* **Faster development** - Skip detailed design instructions - -* **Project-wide styling** - One style for your whole app - -* **Brand matching** - Custom guides for Business users +- **Professional design** - Created by expert designers +- **Consistent look** - Every page and component matches +- **Faster development** - Skip detailed design instructions +- **Project-wide styling** - One style for your whole app +- **Brand matching** - Custom guides for Business users ### Available Styles Choose from: -* 20 pre-made professional styles - -* Custom style guides (Business plan) - -* More styles added regularly - - -Business subscribers can get a custom Style Guide that matches their brand. [Schedule an onboarding call](https://calendly.com/d/cmj7-2k3-mck/create-xyz-onboarding-custom-style-guide) to set up yours. - +- 20 pre-made professional styles ### Using Style Guides 1. Open project menu - 2. Select Style Guides - 3. Choose your style - 4. Hit Generate to apply - +![](/images/style-guides/choose.gif) ### How It Works Style Guides automatically: -* Apply consistent colors - -* Set typography - -* Define spacing - -* Match component styles - -* Maintain visual hierarchy - -When you create new elements, Create follows your chosen style without extra prompting. +- Apply consistent colors +- Set typography +- Define spacing +- Match component styles +- Maintain visual hierarchy +When you create new elements, Anything follows your chosen style without extra prompting. ### Updating Styles When you change your Style Guide: -* You need to regenerate the [pages](/builder/pages) / [components](/builder/components) to use that style - -* New elements follow the style +- You need to regenerate the [pages](/builder/pages) / [components](/builder/components) to use that style +- New elements follow the style -Style Guides affect your entire project. This ensures all pages and components look like they belong together. + Style Guides affect your entire project. This ensures all pages and components look like they belong together. - ### Examples Here's how the same content looks with different Style Guides: - +![](/images/style-guides/different.gif) Try different styles to find the right look for your project. -If elements don't match your selected Style Guide, tell Create to "follow the Style Guide" in your prompt after your selection. This helps Create apply the correct styles. - +If elements don't match your selected Style Guide, tell Anything to "follow the Style Guide" in your prompt after your selection. This helps Anything apply the correct styles. \ No newline at end of file diff --git a/builder/uploads.mdx b/builder/uploads.mdx index 54cb1f5..270c839 100644 --- a/builder/uploads.mdx +++ b/builder/uploads.mdx @@ -5,126 +5,87 @@ description: "Let users upload files to your app (images, PDFs, documents, audio Uploads let users add files to your app - like images, PDFs, documents, audio, and videos. Build galleries, AI tools that process text or documents, or just let users set profile pictures. - - - -### Why Use Uploads +## Why Use Uploads Uploads enable several capabilities: -* **File sharing** - Let users upload and share files - -* **Galleries** - Build collections of images or videos - -* **Documents** - Handle PDFs and other documents - -* **User specific content** - Allow profile pictures and submissions with [User Accounts](/builder/user-accounts) +- **File sharing** - Let users upload and share files +- **Galleries** - Build collections of images or videos +- **Documents** - Handle PDFs and other documents +- **User specific content** - Allow profile pictures and submissions with [User Accounts](/builder/user-accounts) ### Adding Uploads -Add uploads to any [Page](/builder/pages), [Component](/builder/components), or [Function](/builder/functions) by prompting Create to handle uploads: +``` +Allow users to upload an image to set as their avatar in their profile +``` 1. **Describe the upload flow**: - - * UI elements (buttons, drag areas) - - * Success/error states - - * What happens after upload - + - UI elements (buttons, drag areas) + - Success/error states + - What happens after upload 2. **Choose upload method**: - - * File selector - - * Drag and drop - - * URL input - - * Copy/paste - + - File selector + - Drag and drop + - URL input + - Copy/paste 3. **Handle the file**: - - * Store URL in database - - * Display preview - - * Process content + - Store URL in database + - Display preview + - Process content Example prompts: -* "Add an image upload button to the form that shows a preview after its uploaded" - -* "Let users drag PDFs to upload and store in /\[Database]" +- "Add an image upload button to the form that shows a preview after its uploaded" +- "Let users drag PDFs to upload and store in /[Database]" +- "Create a profile picture uploader with cropping. Store the URLs in /[UsersDB]" -* "Create a profile picture uploader with cropping. Store the URLs in /\[UsersDB]" - -Create will write the code to support uploads based on your prompt. We recommend specificity in how you want to support uploads. Some common details to include: +Anything will write the code to support uploads based on your prompt. We recommend specificity in how you want to support uploads. Some common details to include: 1. UI around uploads - 2. How the app should handle different states (uploads, error, success, etc.) - 3. How the app should use the upload -Create automatically: - -* Stores files securely - -* Returns permanent URLs for the file stored on Create's cloud +Anything automatically: -* Handles file serving when you use the URL +- Stores files securely +- Returns permanent URLs for the file stored on Anything's cloud +- Handles file serving when you use the URL To save uploads: -* Store URLs in [Databases](/builder/databases) - -* Reference URLs in your app - -* Query stored URLs later from the database +- Store URLs in [Databases](/builder/databases) +- Reference URLs in your app +- Query stored URLs later from the database -Always store upload URLs in a database if you need to access files later. Without storage, URLs exist but are hard to find. + Always store upload URLs in a database if you need to access files later. Without storage, URLs exist but are hard to find. -Create offers several integrations to help process uploaded files: - -* [File Conversion](/builder/integrations#file-conversion) - Convert between file formats like PDF, images, and more - -* [GPT-4 Vision](/builder/integrations#gpt-4-vision) - Analyze uploaded images + Anything offers several integrations to help process uploaded files: -* [Document Scanner](/builder/integrations#document-scanner) - Extract text from scanned documents - -* [Audio Transcription](/builder/integrations#audio-transcription) - Convert audio files to text + - [File Conversion](/builder/integrations#file-conversion) - Convert between file formats like PDF, images, and more + - [GPT-4 Vision](/builder/integrations#gpt-4-vision) - Analyze uploaded images + - [Document Scanner](/builder/integrations#document-scanner) - Extract text from scanned documents + - [Audio Transcription](/builder/integrations#audio-transcription) - Convert audio files to text ### Technical Details **Supported Upload Methods**: -* File upload - -* URL import - -* Base64 data - -* Array buffers +- File upload +- URL import +- Base64 data +- Array buffers **Considerations**: -* 10MB max file size - -* Common web formats supported - -* Files stored in Create's cloud +- 10MB max file size +- Common web formats supported +- Files stored in Anything's cloud -Add file size validation to prevent errors from large uploads. Just prompt Create to show an error if your users upload a larger file size. - - + Add file size validation to prevent errors from large uploads. Just prompt Anything to show an error if your users upload a larger file size. + \ No newline at end of file diff --git a/builder/user-accounts-v1.mdx b/builder/user-accounts-v1.mdx new file mode 100644 index 0000000..0f9a43f --- /dev/null +++ b/builder/user-accounts-v1.mdx @@ -0,0 +1,210 @@ +--- +title: "User Accounts" +description: "Let users sign up and sign in to your app" +--- + +User Accounts add authentication and users to your app. They handle sign-up, sign-in, and user storage automatically. + +## Why Use User Accounts + +User Accounts offer several benefits: + +* **Private pages** - Require sign-in to view certain [Pages](/builder/pages) + +* **Protected actions** - Gate [Functions](/builder/functions) behind authentication + +* **Personalization** - Store and show user-specific content in the [Database](/builder/databases) + +* **Grow your users** - Let people sign up and join your community + +## Getting Started + +Enable User Accounts in two steps: + +1. **Enable for Project**: + + * Open Create logo menu + + * Choose "Enable User Accounts" + + * Signup, Signin, Logout pages and a Users database gets created automatically + +2. **Protect Content**: + + * Open page/function settings (3-dot menu > Settings > "Require sign in to view") + + * Enable "Require sign in to view" + + * Publish to apply changes + +## How Authentication Works + +When you enable User Accounts, Create adds: + +* **Authentication Pages**: + + * `/account/signin` - Sign in page + + * `/account/signup` - Sign up page + + * `/account/logout` - Logout page + + * Link to these pages directly for custom flows + +* **Users Database**: + + * Stores user accounts automatically + + * Built-in fields: email, password (hashed) + + * Add custom fields as needed using [Databases](/builder/databases) + +* **Access Control**: + + * Protected pages redirect to sign in + + * After auth, users return to original page + + * Functions can check user status + + * Link between pages normally - auth handles protection + + +Create handles auth redirects automatically. Link pages as you normally would - the auth system manages access control. + + +## How It Works Under The Hood + +Create uses JWT (JSON Web Token) authentication to manage user sessions: + +* When users sign up or sign in, Create stores a secure cookie in their browser + +* This cookie keeps users logged in as they browse your app + +* When users visit a protected page or use a protected function, Create checks this cookie + +* If no valid cookie exists, Create redirects them to the sign-in page + +* To let users log out, add a link to `/account/logout` in your app's signed-in experience + +* When users visit the logout page, Create removes the cookie and ends their session + +## Real World Example + +Let's say you have an AI app with: + +* Landing page (at `/`) + +* AI homework creator (at `/app`) + +To add user accounts: + +1. Enable User Accounts for the project + +2. Go to `/app` page > 3-dot menu > Settings > "Require account to view" + +3. Publish changes + +4. Now: + + * `/` remains public + + * `/app` redirects to sign-in + + * After sign-in, users access `/app` + + * Add personalization: "When user is logged in, show their profile in top right and store their AI generations in GenerationsDB with their user ID" + +## Using User Data + +Access user information in two ways: + +1. **Direct References**: + + * Use "signed in user" in prompts + + * Example: "Show current user's email in header" + + * Create handles the code automatically + +2. **Database Queries**: + + * Query Users [database](/builder/databases) like any other database + + * Join with other databases using user ID + + * Store user-specific data in related tables + +## Roles and Permissions + +Add custom roles to control access: + +1. **Add Role Field**: + + * Update Users database schema + + * Add "role" or similar field + + * Set values like "admin", "member" + +2. **Check Roles**: + + * Reference roles in prompts + + * Example: "If signed in user is admin, show settings" + + * Create handles the logic + +## Testing + +Verify your User Accounts setup: + +1. Enable auth on a test page + +2. Publish changes + +3. Open an incognito window + +4. Verify redirect to sign-in + +5. Create test account + +6. Confirm access after auth + +## Troubleshooting + +If authentication isn't working: + +* Verify User Accounts is enabled for project + +* Check page/function auth settings + +* Review Users database contents + +* Test with a fresh account + +* Join our Discord for help + +## FAQs + + + Not yet, but it's on our roadmap. + + + + Coming soon. + + + + Yes! Update the Users database or create related databases to store additional user information. + + +## See Also + +* [Databases](/builder/databases) - Store user data and content + +* [Functions](/builder/functions) - Add custom authentication logic that looks at the UserDB to do different actions + +* [Pages](/builder/pages) - Create protected routes + +* [Publishing](/publish-and-share/publish) - Deploy your authenticated app diff --git a/builder/user-accounts.mdx b/builder/user-accounts.mdx index 6b7432a..92890de 100644 --- a/builder/user-accounts.mdx +++ b/builder/user-accounts.mdx @@ -3,208 +3,387 @@ title: "User Accounts" description: "Let users sign up and sign in to your app" --- -User Accounts add authentication and user management to your app. They handle sign-up, sign-in, and user data storage automatically. +User Accounts add authentication and users to your app. They handle sign-up, sign-in, logout, and storing users. -## Why Use User Accounts +## Overview -User Accounts offer several benefits: +Every Anything project can add User Accounts. As you chat with Anything, it manages adding the authentication details - from setting up secure login flows to writing the code that only shows your app's content to logged in users. -* **Private pages** - Require sign-in to view certain [Pages](/builder/pages) +Use User Accounts to: -* **Protected actions** - Gate [Functions](/builder/functions) behind authentication +- Let users sign up and sign in +- Protect private content and features +- Store data per user +- Personalize experiences +- Build apps with many users -* **Personalization** - Store and show user-specific content in [Databases](/builder/databases) +## Chat -* **Grow your users** - Let people sign up and join your community +Anything updates your app to add User Accounts if you chat about adding users. -## Getting Started +Try a prompt like: 'Let users sign up' or 'Store data per user' -Enable User Accounts in two steps: +When Anything recognizes you want to add user accounts, it: -1. **Enable for Project**: +1. **Enables User Accounts** in your project +2. **Adds special pages for Sign up, Sign in, and Logout** +3. [**Creates special tables in your app's database**](/builder/databases) to store user information (auth_users, auth_accounts, etc.) +4. **Adds checks to your pages and functions** to protect content that needs to be signed in to view +5. **Updates everything** to make sure your pages and functions work with the new users tables and signed in user - * Open Create logo menu +You will know it's working when you see the sign up, sign in, and logout pages in your app on the [Canvas](/builder/controls#canvas) or [Project Selector](/builder/controls#project-selector), or if you see the special user tables in your [database viewer](/builder/databases). - * Choose "Enable User Accounts" + + ![](/images/auth/projectselector.png) - * Signup, Signin, Logout pages and a Users database gets created automatically + ![](/images/auth/dbtables.png) + -2. **Protect Content**: +## How It Works - In the App - * Open page/function settings (3-dot menu > Settings > "Require sign in to view") +When you enable User Accounts, Create adds: - * Enable "Require sign in to view" +### Authentication Pages - * Publish to apply changes +- Sign In Page - `/account/signin` +- Sign Up Page - `/account/signup` +- Logout Page - `/account/logout` -## How Authentication Works +You can customize the look and feel of these pages by prompting Create to change them. -When you enable User Accounts, Create adds: +Once User Accounts is enabled, you can also create components for the sign in, sign up, and logout functionality. This lets you embed this functionality anywhere. Under the hood, it uses the same auth routes as the pages. -* **Authentication Pages**: +These pages contain special code to update the user in the database when they sign up/in and handle common errors. - * `/account/signin` - Sign in page +### User Tables - * `/account/signup` - Sign up page +Create makes 4 special tables: - * `/account/logout` - Logout page +- `auth_users`: Tracks users in your app +- `auth_accounts`: Tracks auth methods (email/password, Google, etc.) +- `auth_sessions`: Database-backed user sessions +- `auth_verification_token`: 2FA verification tokens - * Link to these pages directly for custom flows +Most used: `auth_users` (core profiles) and `auth_accounts` (login methods) -* **Users Database**: +![](/images/auth/database.png) - * Stores user accounts automatically + + Most of the time, you won't need to worry about these implementation details. Create handles storing and managing user data automatically. However, understanding the underlying structure can help build more complex features or debug authentication flows. + - * Built-in fields: email, password (hashed) +Built-in fields in `auth_users`: - * Add custom fields as needed using [Databases](/builder/databases) +- `id`: Unique identifier for each user +- `name`: User's display name (optional) +- `email`: User's email address +- `emailVerified`: Tracks if email has been verified +- `image`: Profile image URL (optional) +- `auth_accounts`: Links to the auth methods for the user -* **Access Control**: +Built-in fields in `auth_accounts`: - * Protected pages redirect to sign in +- `id`: Unique identifier for each auth method +- `userId`: Links to the user in auth_users +- `type`: Authentication type (e.g. "credentials" for email/password) +- `provider`: Auth provider (e.g. "credentials", "google") +- `providerAccountId`: ID from the provider +- `refresh_token`: OAuth refresh token +- `access_token`: OAuth access token +- `expires_at`: Token expiration +- `token_type`: Type of token (e.g. "bearer") +- `scope`: OAuth scopes +- `id_token`: OAuth ID token +- `session_state`: Session state +- `password`: Hashed password (for credentials provider) - * After auth, users return to original page +**Storing Additional User Information**: You can prompt Create to store additional profile information per user, like "Store the user's bio, location, and phone number". Create will either add these fields directly to the `auth_users` table or create a linked profile table with these fields that connects to `auth_users` via the user's ID. This keeps your user data organized while maintaining the core authentication tables. - * Functions can check user status +**Linking Data to Users**: When you prompt Create to store data per user (like posts, preferences, or settings), Create automatically adds a `user_id` field to those database tables. This `user_id` connects each piece of data to the specific user in the `auth_users` table who owns it. That lets your app later grab the data for a specific user. - * Link between pages normally - auth handles protection +### Signed In User - -Create handles auth redirects automatically. Link pages as you normally would - the auth system manages access control. - +When you prompt Create to protect a page or show content per user on a page, e.g. "When user is signed in, show their profile in top right" or "If the user isn't signed in, don't show the notification settings", Create can now add code to grab the current signed in user's info and change the behavior of the app based on it. -## How It Works Under The Hood +Pages, Functions, and Components can now all check the current signed in user, grab their information from the database, and use it to show/hide info, or change their behavior. -Create uses JWT (JSON Web Token) authentication to manage user sessions: +Create automatically handles auth redirects. You can link pages as normal. If a user needs to be signed in to view a page, Create will check if they are. If they're not, it will redirect them to the Sign In page, and once signed in, redirect them back to the original page. Just prompt Create on which pages should be protected with sign in vs. public. -* When users sign up or sign in, Create stores a secure cookie in their browser +## How It Works - For your Users -* This cookie keeps users logged in as they browse your app +Create uses Next Auth and JWT (JSON Web Token) authentication to manage user sessions: -* When users visit a protected page or use a protected function, Create checks this cookie +- When users sign up or sign in, Create saves the user's information in the database and stores a secure cookie in their browser +- This cookie keeps users logged in as they browse your app +- When users visit a protected page or use a protected function, Create checks this cookie +- If no valid cookie exists, Create redirects them to the sign-in page +- To let users log out, add a link to `/account/logout` in your app's signed-in experience +- When users visit the logout route, Create removes the cookie and ends their session -* If no valid cookie exists, Create redirects them to the sign-in page +## Real World Example -* To let users log out, add a link to `/account/logout` in your app's signed-in experience +Let's say you have an AI app with: -* When users visit the logout page, Create removes the cookie and ends their session +- Landing page (at `/`) +- AI homework creator (at `/app`) -## Real World Example +To add user accounts: -Let's say you have an AI app with: +1. Prompt "Add users to the app. They should sign up and sign in to view the homework creator" +2. Protect access to the homework creator page by either: + - Prompting: "Only let signed in users view the homework creator" + - Manually: Go to `/app` page \> [3-dot menu](/builder/controls) \> Settings \> "Require account to view" +3. Publish changes +4. Now: + - `/` remains public + - `/app` redirects to sign-in + - After sign-in, users access `/app` + - Add personalization: "When user is logged in, show their profile in top right and store their AI generations" + - Add special behavior: "If this is the users first time, show them an onboarding flow where they can fill out their profile" -* Landing page (at `/`) +## Customizing Auth Pages -* AI homework creator (at `/app`) +Modify the built-in authentication pages through chat: -To add user accounts: +``` +Add a logo to the signin page +``` -1. Enable User Accounts for the project +``` +Make the sign in and sign up pages look like the rest of the app +``` -2. Go to `/app` page > 3-dot menu > Settings > "Require account to view" +Create will: -3. Publish changes +- Update the look and feel of your pages +- Add your logo +- Maintain they key sign in / sign up code that stores the user -4. Now: +Common customizations: - * `/` remains public +- Adding branding elements +- Adding additional auth methods (Google, Facebook, etc.) +- Modifying form fields +- Changing styles +- Adding terms of service / privacy policy +- Adding testimonials or other social proof - * `/app` redirects to sign-in + + For the default email/password sign up, when adding additional fields to collect during sign up (like name, phone number, etc.), make sure those fields are optional in the [database](/builder/databases). By default, only email and password should be required fields for the sign up page to work properly. Another option is to collect additional profile information later in the app after a user is already signed up with the essential fields. + - * After sign-in, users access `/app` +## Flows and Redirects - * Add personalization: "When user is logged in, show their profile in top right and store their AI generations in GenerationsDB with their user ID" +Prompt Create on how you want the flow to work. -## Using User Data +``` +Let users hit the sign up button and go to the sign up page + +Then after sign up, send them to the dashboard logged in +``` + +Create handles authentication flows automatically: + +- **Sign Up**: + 1. User submits signup form + 2. Create validates and stores account + 3. Sets auth cookie + 4. Redirects to page you prompt +- **Sign In**: + 1. User visits page that requires sign in + 2. Create checks for auth cookie + 3. If no cookie, redirects to sign in page you prompt + 4. User enters credentials + 5. Create verifies account + 6. Sets auth cookie + 7. Returns to original page +- **Sign Out**: + 1. User clicks logout + 2. Create clears auth cookie with the route `/account/logout` + 3. Redirects to public page you prompt + +## Storing User Data + +By default, Create stores the following information about users: -Access user information in two ways: +- **Email** (required) - Used for login and account recovery +- **Password** (hashed) - Securely stored using industry best practices +- **User ID** - Unique identifier to link user data across tables +- **Created Date** - When the account was created +- **Last Login** - Most recent sign in -1. **Direct References**: +You can prompt Create to store additional information per user. Create will update your database to make sure that each piece of user specific information is stored with a user_id that links back to the user in your auth_users table. - * Use "signed in user" in prompts +Example prompts: - * Example: "Show current user's email in header" +``` +Add a bio field to user profiles +``` + +``` +Store user preferences like theme and notification settings +``` + +``` +Let users upload a profile picture +``` + +Create will: + +- Add the new fields to your database schema +- Update queries to store/retrieve the data +- Link everything to the correct user using their user_id +- Add UI elements to display and edit the information + +## Using User Data - * Create handles the code automatically +You can use the information you store about each user in your app. Just prompt Create. Some examples: -2. **Database Queries**: +- "Show the logged in user's tasks in the main feed" +- "Show a feed with all users posts" +- "If the user is logged in, show a profile image in the top right. Otherwise, show the sign up / sign in buttons" - * Query Users [database](/builder/databases) like any other database +Create will update your [Pages](/builder/pages), [Functions](/builder/functions), and Components to use the user data. - * Join with other databases using user ID +You can also manually access and change user information from the [Database Viewer](/builder/databases). - * Store user-specific data in related tables +## Profiles + +Build user profiles by: + +1. **Adding Profile Fields**: + - Prompt Create to add profile fields + - Add avatar, bio, social links + - Create will update the database to add the fields and update the queries to use them +2. **Creating Profile Pages**: + - Prompt Create to create profile pages + - Create will update the pages to grab the user's profile data and display it +3. **Handling Updates**: + - Prompt Create to create profile edit forms + - Create will update the pages/functions to update a user in the database ## Roles and Permissions Add custom roles to control access: 1. **Add Role Field**: + - Prompt Create to add "role" or similar field for each user + - Describe the values you want to use like "admin", "member" and how you want behavior to change + - Create will update the database to add the field and update the queries to use it +2. **Check Roles**: + - Reference roles in prompts + - Example: "If signed in user is admin, show settings" + - Create handles the logic - * Update Users database schema +## Auth Methods - * Add "role" or similar field +Create supports multiple auth methods. Choose the ones that fit your app's needs. - * Set values like "admin", "member" +You can turn on or off each auth method in the Project Settings. -2. **Check Roles**: + + ![](/images/auth/google/15-3dotprojectsettings.png) + + +### [Email/Password](/auth/password) + +- Default authentication method +- Secure password hashing +- No additional setup required +- You can turn it off in Project Settings +- [Detailed guide here](/auth/password) - * Reference roles in prompts +### [Google](/auth/google) - * Example: "If signed in user is admin, show settings" +- Social login using Google accounts +- You'll need to get a Google Client ID and Secret from Google +- [Full setup guide](/auth/google) - * Create handles the logic +### [Facebook](/auth/facebook) + +- Social login using Facebook accounts +- You'll need to get a Facebook App ID and Secret from Facebook +- [Full setup guide](/auth/facebook) + +### [X](/auth/x) + +- Social login using X/Twitter accounts +- You'll need to get a Twitter Client ID and Secret from X +- [Full setup guide](/auth/x) ## Testing Verify your User Accounts setup: 1. Enable auth on a test page - 2. Publish changes - 3. Open an incognito window - 4. Verify redirect to sign-in - 5. Create test account - 6. Confirm access after auth ## Troubleshooting If authentication isn't working: -* Verify User Accounts is enabled for project - -* Check page/function auth settings - -* Review Users database contents - -* Test with a fresh account - -* Join our Discord for help +- Verify User Accounts is enabled for project. Do you see the sign up, sign in, and logout pages in the Project Selector? Do you see the auth tables in the database? +- Check page/function auth settings +- Review the database - check the auth_users table to make sure the user was created +- Test with a fresh account +- Review our [Get Help Article](/support/help) for more + +### Error Codes + +If one of your users runs into an error while signing in / signing up, or you do while testing, check the URL for `?error=[code]`. + +It can give you a hint on what might be wrong. + + + ![](/images/auth/errorinurl.png) + + +Common error codes and fixes: + +- **OAuthSignin/Callback**: OAuth configuration issue + - Check provider settings and keys + - Verify redirect URLs +- **OAuthAccountNotLinked**: Email already used with different auth method + - User should sign in with original method (e.g. Google instead of email) +- **CredentialsSignin**: Wrong email/password + - Double-check credentials + - Reset password if needed +- **EmailCreateAccount**: Email already registered + - Use sign in instead + - Reset password if needed +- **AccessDenied**: Permission issue + - Check access settings + - Verify allowed domains +- **Configuration**: System setup issue + - Check auth configuration + - Verify environment variables ## FAQs - Not yet, but it's on our roadmap. + Yes. Just prompt Create on how you'd like to change them. - - Coming soon. + + Yes. You'll need to do some extra set up steps to get it working. + + Here are the guides for each: + + - [Google](/auth/google) + - [Facebook](/auth/facebook) + - [X](/auth/x) - Yes! Update the Users database or create related databases to store additional user information. + Yes\! Prompt Create to store additional user information and it will update the database for you. ## See Also -* [Databases](/builder/databases) - Store user data and content - -* [Functions](/builder/functions) - Add custom authentication logic that looks at the UserDB to do different actions - -* [Pages](/builder/pages) - Create protected routes - -* [Publishing](/publish-and-share/publish) - Deploy your authenticated app +- [Databases](/builder/databases) - Store user data and content +- [Pages](/builder/pages) - Create protected routes +- [Publishing](/publish-and-share/publish) - Go live with your authenticated app \ No newline at end of file diff --git a/complete-registration.png b/complete-registration.png new file mode 100644 index 0000000..dfca44b Binary files /dev/null and b/complete-registration.png differ diff --git a/dev.sh b/dev.sh new file mode 100755 index 0000000..41fd17d --- /dev/null +++ b/dev.sh @@ -0,0 +1,5 @@ +#!/bin/bash + +# Load nvm and start Mintlify dev server +source ~/.nvm/nvm.sh +mintlify dev \ No newline at end of file diff --git a/docs.json b/docs.json new file mode 100644 index 0000000..c3adca9 --- /dev/null +++ b/docs.json @@ -0,0 +1,224 @@ +{ + "$schema": "https://mintlify.com/docs.json", + "theme": "mint", + "name": "Create", + "colors": { + "primary": "#7C89FF", + "light": "#6171FF", + "dark": "#4C5BD2" + }, + "favicon": "/favicon.svg", + "navigation": { + "anchors": [ + { + "anchor": "Guides", + "icon": "book-open-cover", + "groups": [ + { + "group": "Get Started", + "pages": [ + "welcome", + "essentials", + "prompting", + "faq" + ] + }, + { + "group": "Builder", + "pages": [ + "builder/overview", + "builder/controls", + "builder/pages", + "builder/integrations", + "builder/components", + "builder/style-guides", + "builder/functions", + "builder/databases", + "builder/user-accounts", + "builder/uploads", + "payments", + "builder/mobile" + ] + }, + { + "group": "Publish & Share", + "pages": [ + "publish-and-share/publish", + "publish-and-share/custom-domains", + "publish-and-share/embed", + "publish-and-share/teams", + "publish-and-share/community" + ] + }, + { + "group": "Quick Tips", + "pages": [ + "quick-tips/animations", + "quick-tips/format-markdown", + "quick-tips/external-apis", + "quick-tips/zapier-make-n8n" + ] + }, + { + "group": "Account", + "pages": [ + "account/your-profile", + "account/subscriptions", + "account/credits" + ] + }, + { + "group": "Support", + "pages": [ + "support/rebranding", + "support/help", + "support/ambassadors" + ] + }, + { + "group": "Guides", + "pages": [ + "guides/pilot-training-portal" + ] + } + ] + } + ], + "global": { + "anchors": [ + { + "anchor": "Product updates", + "href": "https://x.com/anythingai", + "icon": "x-twitter" + } + ] + } + }, + "logo": { + "light": "/Anything_LogoIcon_Dark.png", + "dark": "/Anything_LogoIcon_Dark.png" + }, + "appearance": { + "default": "light" + }, + "navbar": { + "links": [ + { + "label": "Updates", + "href": "https://x.com/anythingai" + } + ], + "primary": { + "type": "button", + "label": "Anything", + "href": "https://www.createanything.com/login" + } + }, + "footer": { + "socials": { + "x": "https://x.com/anythingai", + "youtube": "https://www.youtube.com/@anythinguniversity", + "linkedin": "https://www.linkedin.com/company/anythingai/" + } + }, + "fonts": { + "heading": { + "family": "Instrument Sans" + }, + "body": { + "family": "Inter" + } + }, + "contextual": { + "options": ["copy", "view", "chatgpt", "claude"] + }, + "redirects": [ + { "source": "/controls", "destination": "/builder/controls" }, + { "source": "/pages", "destination": "/builder/pages" }, + { "source": "/integrations", "destination": "/builder/integrations" }, + { "source": "/components", "destination": "/builder/components" }, + { "source": "/functions", "destination": "/builder/functions" }, + { "source": "/databases", "destination": "/builder/databases" }, + { "source": "/auth", "destination": "/builder/user-accounts" }, + { "source": "/mobile", "destination": "/builder/mobile" }, + { "source": "/credits", "destination": "/account/credits" }, + { "source": "/publish", "destination": "/publish-and-share/publish" }, + { "source": "/custom-domains", "destination": "/publish-and-share/custom-domains" }, + { + "source": "/create/getting-started/builder-basics", + "destination": "/essentials" + }, + { + "source": "/create/getting-started/faq", + "destination": "/faq" + }, + { + "source": "/create/getting-started/guide-to-prompting", + "destination": "/prompting" + }, + { + "source": "/create/builder-add-ons/databases-beta", + "destination": "/builder/databases" + }, + { + "source": "/create/publish-and-share/invite-your-team", + "destination": "/publish-and-share/teams" + }, + { + "source": "/create/publish-and-share/embed-an-iframe", + "destination": "/publish-and-share/embed" + }, + { + "source": "/create/publish-and-share/create-community", + "destination": "/publish-and-share/community" + }, + { + "source": "/create/account/manage-subscription", + "destination": "/account/subscriptions" + }, + { + "source": "/create/support/ambassador-program", + "destination": "/support/ambassadors" + }, + { + "source": "/create/add-stripe-to-your-create-template", + "destination": "/templates/stripe" + }, + { + "source": "/create/setting-up-replicate", + "destination": "/templates/replicate" + }, + { + "source": "/create/quick-tips/connect-to-automation-tools", + "destination": "/quick-tips/zapier-make-n8n" + }, + { + "source": "/create/quick-tips/connect-to-external-apis", + "destination": "/quick-tips/external-apis" + }, + { + "source": "/builder/databases-v2", + "destination": "/builder/databases" + }, + { + "source": "/builder/user-accounts-v2", + "destination": "/builder/user-accounts" + }, + { + "source": "/create/builder-add-ons/:slug*", + "destination": "/builder/:slug*" + }, + { + "source": "/create/:slug*", + "destination": "/:slug*" + }, + { + "source": "/create", + "destination": "/welcome" + }, + { + "source": "/stripe", + "destination": "/payments" + } + ] +} \ No newline at end of file diff --git a/essentials.mdx b/essentials.mdx index bf8fcdd..598a964 100644 --- a/essentials.mdx +++ b/essentials.mdx @@ -1,146 +1,189 @@ --- title: "Essentials" -description: "Quickstart for Create" +description: "Quickstart for Anything" --- - - + + +Expand your project through direct instructions to the builder: -## Demo vs. Select vs. Code +- Chat with the builder about new requirements: "Create a new page for blog posts" or "Add user accounts for paid members" +- Use "/" commands to set up [Integrations](/builder/integrations) or upload assets -You can quickly switch between different modes to work on your app. Learn more about [controls](/builder/controls): +## Stopping generation -* **Demo mode**: Try out your app's functionality +- Click the stop icon in the builder chat to halt unwanted changes or cancel requests -* **Select mode**: Tap elements to make specific updates, create [components](/builder/components), or add links +![Stop Pn](/images/stop.png) -* **Code mode**: View and edit the underlying code +## Refreshing preview - +If changes aren't appearing, use the refresh button in the upper toolbar to update demo mode. -## Creating new Elements +![Refresh Pn](/images/refresh.png) -Add new elements to your project through: +## Project settings -* Tapping the [**Logo Menu**](/builder/controls#logo-menu) in the top left. From here make new [Pages](/builder/pages), [Components](/builder/components), [Functions](/builder/functions). +Configure important project-specific settings including assets, secret keys, custom instructions, generation settings, authentication providers, branding, social sharing, and mobile app settings. -* `/` **commands** in the chat. See our guide on [integrations](/builder/integrations) +![Ezgif 6c735490bbae99 Gi](/images/ezgif-6c735490bbae99.gif) -## Canvas vs. Focused View +### Available settings -Toggle between two workspace views using the collapse icon: +- **Assets** - Upload images for repeated use in your project +- **Custom Instructions** - Shape builder interactions and project behavior (advanced feature) +- **Generation Settings** - Pro users can select their preferred LLM +- **Saved Secrets** - Store API keys for integrations +- **Providers** - Configure authentication options for user accounts +- **Branding and Icons** - Mobile app resources (coming soon) +- **Social Share** - Configure titles and descriptions for search engines and social media -* **Canvas**: See multiple elements at once laid out on an infinite canvas + + Certain custom instructions can prevent the builder from functioning correctly if they conflict with default behavior. + -* **Focused**: See a single element at a time. Focused mode can help to test updates that impact scroll. +## Publishing your application -## Go Live + + You can view edits in demo mode or preview without publishing. Only publish when ready to share with external parties or go live. + -When you're ready to launch your app, tap the **Publish** button in the top right. Learn more about [Publishing](/publish-and-share/publish). +When ready to launch, click the **Publish** button in the top right. Learn more about [Publishing](/publish-and-share/publish). \ No newline at end of file diff --git a/faq.mdx b/faq.mdx index 8aeea27..1e4dab1 100644 --- a/faq.mdx +++ b/faq.mdx @@ -1,95 +1,89 @@ --- title: "FAQ" -description: "Frequently asked questions about Create" +description: "Frequently asked questions about Anything" --- -For other questions, join us on [Discord](https://create.xyz/discord) or email [hello@create.xyz](mailto:hello@create.xyz) +For additional questions, join us on [Discord](https://create.xyz/discord) or email [hello@create.xyz](mailto:hello@create.xyz) - Most things in Create can be found through the top left logo menu in the builder or by pressing / in the chat. Odds are it's there. + Simply prompt for it and the builder will create it automatically. - - Press / in the chat > choose our ChatGPT, Gemini, or Anthropic 3.5 Sonnet integration. Describe how you want to use it, and send the message. + Request an integration from the builder, such as "I need users to enter a health goal and have it reviewed by AI" - - It really depends on your use case. Claude 3.5 Sonnet might be the best all around, but ChatGPT and others can be faster or higher quality in different use cases. + Anthropic's Claude Sonnet remains our top choice for development and is currently the only model available in Anything. - - You can try to see if we include it in our built in integrations (press /). If not, you can create a new [Function](/builder/functions). + [Learn more here](/quick-tips/external-apis) - - Yes. You can use our built in [Databases](/builder/databases) by pressing / in the chat > Data > Create a database. Describe how you want to store the data and send the message. You can also connect an external database through Functions. + Yes. Prompt for any feature requiring data storage and it will be built automatically. You can also request additional databases. [More information here](/builder/databases) - - - Yes, most of our users host their project on Create. Hit Publish in the top right. Your app will scale to handle many users. Reach out about our Business or Enterprise plans if concerned. + + Yes, most users host their projects on Anything. Click Publish in the top right to deploy. Your application will scale to handle many users. Contact us about Business or Enterprise plans for additional concerns. - - You can use our built in [User Accounts](/builder/user-accounts) feature. + Use our built-in [User Accounts](/builder/user-accounts) feature. - - - Create generates javascript web apps in React / Next.JS and functions in backend serverless functions. + + Anything generates JavaScript web applications using React/Next.js and backend serverless functions. - - Yes. Go to the Code tab > Download to download the Next.JS project. Note: for now Create only supports exporting a specific element. + Yes. Navigate to the Code tab and click Download to get the Next.js project. + + ![Code Download](/images/codedownload.png) - - Check out our [Guide to Prompting](/prompting) or join our Discord community to chat with fellow creators. You can post in our #help-me-build channel. - - - - In general, we think you should start with the UI for your app (Pages, Components) and then move on to Functions, Databases, User Accounts as you need them: - - * [**Pages**](/builder/pages) are the screens of your app - - * [**Components**](/builder/components) are reusable UI elements so you don't have to keep re-making them - - * [**Functions**](/builder/functions) help you break up logic separate from the UI or talk to external APIs - - * [**Databases**](/builder/databases) let you store data so your app saves what users do in it - - * [**User Accounts**](/builder/user-accounts) gives you the ability for users to sign up, sign in and have the app protect content or customize experiences based on user data + Check our [Guide to Prompting](/prompting) and [Get Help](/support/help) page for solutions. - - You can use one of our Templates that already has payments enabled. We have a beta for built in payments. Reach out if you'd like early access. + We integrate directly with Stripe to help you collect [payments](/stripe). - - - In some cases, we can recover it for you. Please post in Discord or email us at hello@create.xyz. Include your Create email and something that can help us identify the thing you deleted so we can bring it back. + + Use the [Version History](/essentials) option to attempt restoration. Email us at [hello@create.xyz](mailto:hello@create.xyz) for additional assistance. - - Thank you! Go to [Discord](https://create.xyz/discord) or email us at hello@create.xyz. Please include a link to the /build route (the link you see when you are in the builder) for your project. - - - - Pro members get 3 projects private. Business members get unlimited private projects. + Thank you for your feedback. Email us at [hello@create.xyz](mailto:hello@create.xyz) and include a link to the /build route (the URL you see when in the builder) for your project. - - - On Pro and Business plans you get more messages, better AI generations, and greater customization options (domains, branding, etc.) Enterprise plans come with additional support and training. Yes, Pro and Business are worth it :) + + Free includes a one-time credit allotment and daily generation limits. Anything Pro provides renewing monthly credits, private projects, custom domains, and priority AI models. Choose your credit tier based on your needs. - - Yes, check out our open roles at create.xyz/careers. + Yes, view our open positions at [create.xyz/careers](https://www.create.xyz/careers). - - - We want to see as many people as possible become software creators and entrepreneurs. + + We want to enable as many people as possible to become software creators and entrepreneurs. - - The #1 way we grow is by happy users telling their friends / work, spreading us on X, Reddit, YouTube, TikTok, Insta, etc, writing tutorials and testimonials. Join our [Discord community](https://create.xyz/discord) to chat with and help other creators. + The most effective way to support us is by happy users sharing with friends and colleagues, spreading the word on social media platforms, and writing tutorials and testimonials. + + Please consider following us on: + https://x.com/create_xyz + https://www.tiktok.com/@create_xyz + https://www.youtube.com/@createdotxyz + https://www.linkedin.com/company/createxyz/ + + + Currently in beta. Visit [this article](/builder/mobile) and sign up if you'd like to join the early access group. + + + Please email us via hello@create.xyz with this request. Thank you! +## Common terms + + + - **AI** - Artificial intelligence that powers our builder to transform you into a software developer without prior experience + - **Builder** - The agent that processes your chat messages and creates applications + - **Pages** - User interfaces within your application or website, typically containing content and features + - **App** - Mobile applications listed and obtained from app stores, which you can build with Anything + - **Website** - Web pages, blogs, storefronts, or business pages that you can build with Anything + - **Revert** - Restoring a previous version or undoing changes + - **API** - Application Programming Interface that enables different software applications to communicate and interact + - **ReactJS** - The framework Anything uses for coding, originally developed by Facebook + - **Testing** - Essential process of verifying changes as you build, working in incremental layers + - **Prompting** - Instructions to the AI. [The clearer and more detailed, the better](/prompting) + \ No newline at end of file diff --git a/favicon.png b/favicon.png new file mode 100644 index 0000000..5dd8969 Binary files /dev/null and b/favicon.png differ diff --git a/favicon.svg b/favicon.svg index 3109452..df2f66f 100644 --- a/favicon.svg +++ b/favicon.svg @@ -1,10 +1,37 @@ - - - + + + + + + + + + + + + + - - - - + + + + + + + + + + + + + + + + + + + + + diff --git a/generate-new-key.png b/generate-new-key.png new file mode 100644 index 0000000..d354678 Binary files /dev/null and b/generate-new-key.png differ diff --git a/guides/pilot-training-portal.mdx b/guides/pilot-training-portal.mdx index b7b1956..ea4889f 100644 --- a/guides/pilot-training-portal.mdx +++ b/guides/pilot-training-portal.mdx @@ -29,18 +29,18 @@ Watch the video to learn about the following concepts: * **Components vs. Pages:** The differences and when to use each for optimal organization and routing. * **Component Creation:** Best practices for making, updating, and passing data between components. * **Responsiveness:** Designing for different screen sizes and handling layout issues. -* **Chat Prompts:** How to effectively communicate instructions using Create's chat interface. +* **Chat Prompts:** How to effectively communicate instructions using Anything's chat interface. * **Chat Scope:** Understanding the context of the chat within your project (page, component, or global). * **Linking & Navigation:** Different methods for linking pages and components, and managing app navigation. * **Routes:** How to setup page routes for web navigation, and when to avoid them. -* **User Accounts:** Using Create's built-in user accounts system and the data it provides. -* **Functions:** Creating custom functions to connect with external APIs and extend Create's functionality. -* **Testing Functions:** Validating custom functions using Create's test runner. +* **User Accounts:** Using Anything's built-in user accounts system and the data it provides. +* **Functions:** Creating custom functions to connect with external APIs and extend Anything's functionality. +* **Testing Functions:** Validating custom functions using Anything's test runner. * **Data Handling:** Managing data flow and transferring data between different parts of the app. -* **Debugging:** Leveraging Create's AI to help pinpoint and fix errors in your code. +* **Debugging:** Leveraging Anything's AI to help pinpoint and fix errors in your code. * **Iterations:** How to build iteratively and make good decisions for the project. * **Scope:** How to manage code as a project gets larger. -* **Built in User Management:** How Create has built in user management, and no need to configure firebase. +* **Built in User Management:** How Anything has built in user management, and no need to configure firebase. ## Show Notes @@ -130,7 +130,7 @@ Watch the video to learn about the following concepts: ### [44:20](https://youtu.be/CwPGhnE4810?t=2660) - Project Prompt -* Dhruv attempts to give a comprehensive prompt to help Create with all the steps to have the navigation work as desired. +* Dhruv attempts to give a comprehensive prompt to help Anything with all the steps to have the navigation work as desired. ### [47:53](https://youtu.be/CwPGhnE4810?t=2873) - Debugging Loading Issues @@ -147,7 +147,7 @@ Watch the video to learn about the following concepts: * Derek asks about the sign up issues, and the custom page, also about the logout. * Dhruv uses the project chat to link the logout button to the correct route. * Dhruv explains user accounts, routes, and the user database. -* He also highlights that it's built in to Create so that no other service is necessary. +* He also highlights that it's built in to Anything so that no other service is necessary. ### [1:01:20](https://youtu.be/CwPGhnE4810?t=3680) - Weather API with Functions @@ -163,7 +163,7 @@ Watch the video to learn about the following concepts: * Dhruv begins to debug the errors in the function. * He adds in some error handling to prevent crashing and also to let users know that the API did not fetch the correct data. -* He shows that testing functions is done independently in create. +* He shows that testing functions is done independently in Anything. ### [1:12:31](https://youtu.be/CwPGhnE4810?t=4351) - Debugging UI with the Function diff --git a/image.png b/image.png new file mode 100644 index 0000000..2e2cba8 Binary files /dev/null and b/image.png differ diff --git a/images/2025-06-1915.15.42.gif b/images/2025-06-1915.15.42.gif new file mode 100644 index 0000000..229b14c Binary files /dev/null and b/images/2025-06-1915.15.42.gif differ diff --git a/images/2025-07-2114.13.17.gif b/images/2025-07-2114.13.17.gif new file mode 100644 index 0000000..4cb302b Binary files /dev/null and b/images/2025-07-2114.13.17.gif differ diff --git a/images/2025-07-2415.30.40.gif b/images/2025-07-2415.30.40.gif new file mode 100644 index 0000000..5b04ce9 Binary files /dev/null and b/images/2025-07-2415.30.40.gif differ diff --git a/images/2025-07-2415.31.14.gif b/images/2025-07-2415.31.14.gif new file mode 100644 index 0000000..0006969 Binary files /dev/null and b/images/2025-07-2415.31.14.gif differ diff --git a/images/2025-07-2415.33.17.gif b/images/2025-07-2415.33.17.gif new file mode 100644 index 0000000..59a65ce Binary files /dev/null and b/images/2025-07-2415.33.17.gif differ diff --git a/images/2025-07-2415.33.42.gif b/images/2025-07-2415.33.42.gif new file mode 100644 index 0000000..17dcee2 Binary files /dev/null and b/images/2025-07-2415.33.42.gif differ diff --git a/images/2025-07-2416.15.07.gif b/images/2025-07-2416.15.07.gif new file mode 100644 index 0000000..5b52051 Binary files /dev/null and b/images/2025-07-2416.15.07.gif differ diff --git a/images/2025-07-2416.24.25.gif b/images/2025-07-2416.24.25.gif new file mode 100644 index 0000000..3489d24 Binary files /dev/null and b/images/2025-07-2416.24.25.gif differ diff --git a/images/2025-07-2416.53.32.gif b/images/2025-07-2416.53.32.gif new file mode 100644 index 0000000..3d6e5df Binary files /dev/null and b/images/2025-07-2416.53.32.gif differ diff --git a/images/Screenshot2025-06-04at1.09.33PM.png b/images/Screenshot2025-06-04at1.09.33PM.png new file mode 100644 index 0000000..ce46cab Binary files /dev/null and b/images/Screenshot2025-06-04at1.09.33PM.png differ diff --git a/images/Screenshot2025-06-04at12.02.26PM.png b/images/Screenshot2025-06-04at12.02.26PM.png new file mode 100644 index 0000000..5585f3e Binary files /dev/null and b/images/Screenshot2025-06-04at12.02.26PM.png differ diff --git a/images/Screenshot2025-06-06at12.41.18PM.png b/images/Screenshot2025-06-06at12.41.18PM.png new file mode 100644 index 0000000..e7134e1 Binary files /dev/null and b/images/Screenshot2025-06-06at12.41.18PM.png differ diff --git a/images/Screenshot2025-06-06at12.45.21PM.png b/images/Screenshot2025-06-06at12.45.21PM.png new file mode 100644 index 0000000..baa0dc5 Binary files /dev/null and b/images/Screenshot2025-06-06at12.45.21PM.png differ diff --git a/images/Screenshot2025-06-09at2.57.42PM.png b/images/Screenshot2025-06-09at2.57.42PM.png new file mode 100644 index 0000000..f64d67a Binary files /dev/null and b/images/Screenshot2025-06-09at2.57.42PM.png differ diff --git a/images/Screenshot2025-06-09at2.58.31PM.png b/images/Screenshot2025-06-09at2.58.31PM.png new file mode 100644 index 0000000..017c0e3 Binary files /dev/null and b/images/Screenshot2025-06-09at2.58.31PM.png differ diff --git a/images/Screenshot2025-06-25at4.42.33PM.png b/images/Screenshot2025-06-25at4.42.33PM.png new file mode 100644 index 0000000..d59ceab Binary files /dev/null and b/images/Screenshot2025-06-25at4.42.33PM.png differ diff --git a/images/Screenshot_20250724-164637.png b/images/Screenshot_20250724-164637.png new file mode 100644 index 0000000..9b92482 Binary files /dev/null and b/images/Screenshot_20250724-164637.png differ diff --git a/images/Xnapper-2025-07-08-11.38.06.png b/images/Xnapper-2025-07-08-11.38.06.png new file mode 100644 index 0000000..b1f3168 Binary files /dev/null and b/images/Xnapper-2025-07-08-11.38.06.png differ diff --git a/images/Xnapper-2025-07-08-12.31.59.png b/images/Xnapper-2025-07-08-12.31.59.png new file mode 100644 index 0000000..0fbb5d9 Binary files /dev/null and b/images/Xnapper-2025-07-08-12.31.59.png differ diff --git a/images/Xnapper-2025-07-21-10.33.56.png b/images/Xnapper-2025-07-21-10.33.56.png new file mode 100644 index 0000000..1483664 Binary files /dev/null and b/images/Xnapper-2025-07-21-10.33.56.png differ diff --git a/images/airtable/get-id.png b/images/airtable/get-id.png new file mode 100644 index 0000000..46e3e30 Binary files /dev/null and b/images/airtable/get-id.png differ diff --git a/images/airtable/homepage.png b/images/airtable/homepage.png new file mode 100644 index 0000000..bd5e4c8 Binary files /dev/null and b/images/airtable/homepage.png differ diff --git a/images/airtable/patgen.png b/images/airtable/patgen.png new file mode 100644 index 0000000..f31a7b6 Binary files /dev/null and b/images/airtable/patgen.png differ diff --git a/images/airtable/patscope.png b/images/airtable/patscope.png new file mode 100644 index 0000000..673d8c2 Binary files /dev/null and b/images/airtable/patscope.png differ diff --git a/images/airtable/signup.png b/images/airtable/signup.png new file mode 100644 index 0000000..6c25b3d Binary files /dev/null and b/images/airtable/signup.png differ diff --git a/images/alpha-vantage/apigen.png b/images/alpha-vantage/apigen.png new file mode 100644 index 0000000..e586a77 Binary files /dev/null and b/images/alpha-vantage/apigen.png differ diff --git a/images/auth/database.png b/images/auth/database.png new file mode 100644 index 0000000..ef81741 Binary files /dev/null and b/images/auth/database.png differ diff --git a/images/auth/dbtables.png b/images/auth/dbtables.png new file mode 100644 index 0000000..803bc3b Binary files /dev/null and b/images/auth/dbtables.png differ diff --git a/images/auth/errorinurl.png b/images/auth/errorinurl.png new file mode 100644 index 0000000..06cf739 Binary files /dev/null and b/images/auth/errorinurl.png differ diff --git a/images/auth/facebook/1-signindevelopers.png b/images/auth/facebook/1-signindevelopers.png new file mode 100644 index 0000000..3acdd38 Binary files /dev/null and b/images/auth/facebook/1-signindevelopers.png differ diff --git a/images/auth/facebook/10-savechanges.png b/images/auth/facebook/10-savechanges.png new file mode 100644 index 0000000..ee53bb7 Binary files /dev/null and b/images/auth/facebook/10-savechanges.png differ diff --git a/images/auth/facebook/11-basicsettings.png b/images/auth/facebook/11-basicsettings.png new file mode 100644 index 0000000..358e70e Binary files /dev/null and b/images/auth/facebook/11-basicsettings.png differ diff --git a/images/auth/facebook/12-copyidsecret.png b/images/auth/facebook/12-copyidsecret.png new file mode 100644 index 0000000..1e94c51 Binary files /dev/null and b/images/auth/facebook/12-copyidsecret.png differ diff --git a/images/auth/facebook/13-domainprivacydatadeletion.png b/images/auth/facebook/13-domainprivacydatadeletion.png new file mode 100644 index 0000000..25f27e5 Binary files /dev/null and b/images/auth/facebook/13-domainprivacydatadeletion.png differ diff --git a/images/auth/facebook/14-businessverification.png b/images/auth/facebook/14-businessverification.png new file mode 100644 index 0000000..987aabb Binary files /dev/null and b/images/auth/facebook/14-businessverification.png differ diff --git a/images/auth/facebook/15-publish.png b/images/auth/facebook/15-publish.png new file mode 100644 index 0000000..1df76e9 Binary files /dev/null and b/images/auth/facebook/15-publish.png differ diff --git a/images/auth/facebook/16-enablefb.png b/images/auth/facebook/16-enablefb.png new file mode 100644 index 0000000..f9edbf9 Binary files /dev/null and b/images/auth/facebook/16-enablefb.png differ diff --git a/images/auth/facebook/17-promptcreate.png b/images/auth/facebook/17-promptcreate.png new file mode 100644 index 0000000..3c862cf Binary files /dev/null and b/images/auth/facebook/17-promptcreate.png differ diff --git a/images/auth/facebook/2-createapp.png b/images/auth/facebook/2-createapp.png new file mode 100644 index 0000000..8c03b3e Binary files /dev/null and b/images/auth/facebook/2-createapp.png differ diff --git a/images/auth/facebook/3-namecontact.png b/images/auth/facebook/3-namecontact.png new file mode 100644 index 0000000..c9cad9d Binary files /dev/null and b/images/auth/facebook/3-namecontact.png differ diff --git a/images/auth/facebook/4-choosefblogin.png b/images/auth/facebook/4-choosefblogin.png new file mode 100644 index 0000000..3d0c4e6 Binary files /dev/null and b/images/auth/facebook/4-choosefblogin.png differ diff --git a/images/auth/facebook/5-businessportfolios.png b/images/auth/facebook/5-businessportfolios.png new file mode 100644 index 0000000..36d1d5d Binary files /dev/null and b/images/auth/facebook/5-businessportfolios.png differ diff --git a/images/auth/facebook/6-finalize.png b/images/auth/facebook/6-finalize.png new file mode 100644 index 0000000..31b34ed Binary files /dev/null and b/images/auth/facebook/6-finalize.png differ diff --git a/images/auth/facebook/7-permissionsaddemail.png b/images/auth/facebook/7-permissionsaddemail.png new file mode 100644 index 0000000..8e4b7e7 Binary files /dev/null and b/images/auth/facebook/7-permissionsaddemail.png differ diff --git a/images/auth/facebook/8-settings.png b/images/auth/facebook/8-settings.png new file mode 100644 index 0000000..35908fd Binary files /dev/null and b/images/auth/facebook/8-settings.png differ diff --git a/images/auth/facebook/9-oauthredirecturi.png b/images/auth/facebook/9-oauthredirecturi.png new file mode 100644 index 0000000..edc536e Binary files /dev/null and b/images/auth/facebook/9-oauthredirecturi.png differ diff --git a/images/auth/google/1-gotoclients.png b/images/auth/google/1-gotoclients.png new file mode 100644 index 0000000..49663eb Binary files /dev/null and b/images/auth/google/1-gotoclients.png differ diff --git a/images/auth/google/10-authorizedorigin.png b/images/auth/google/10-authorizedorigin.png new file mode 100644 index 0000000..a8236a2 Binary files /dev/null and b/images/auth/google/10-authorizedorigin.png differ diff --git a/images/auth/google/11-copyclientid.png b/images/auth/google/11-copyclientid.png new file mode 100644 index 0000000..766b96f Binary files /dev/null and b/images/auth/google/11-copyclientid.png differ diff --git a/images/auth/google/12-copyclientsecret.png b/images/auth/google/12-copyclientsecret.png new file mode 100644 index 0000000..69e9ed4 Binary files /dev/null and b/images/auth/google/12-copyclientsecret.png differ diff --git a/images/auth/google/13-customizebranding.png b/images/auth/google/13-customizebranding.png new file mode 100644 index 0000000..65f6c75 Binary files /dev/null and b/images/auth/google/13-customizebranding.png differ diff --git a/images/auth/google/14-optionaladdscopes.png b/images/auth/google/14-optionaladdscopes.png new file mode 100644 index 0000000..22bf5c5 Binary files /dev/null and b/images/auth/google/14-optionaladdscopes.png differ diff --git a/images/auth/google/15-3dotprojectsettings.png b/images/auth/google/15-3dotprojectsettings.png new file mode 100644 index 0000000..d84f015 Binary files /dev/null and b/images/auth/google/15-3dotprojectsettings.png differ diff --git a/images/auth/google/16-enablegooglesignin.png b/images/auth/google/16-enablegooglesignin.png new file mode 100644 index 0000000..fadbba4 Binary files /dev/null and b/images/auth/google/16-enablegooglesignin.png differ diff --git a/images/auth/google/17-pasteclientidsecret.png b/images/auth/google/17-pasteclientidsecret.png new file mode 100644 index 0000000..1db45e0 Binary files /dev/null and b/images/auth/google/17-pasteclientidsecret.png differ diff --git a/images/auth/google/18-promptcreateaddsignin.png b/images/auth/google/18-promptcreateaddsignin.png new file mode 100644 index 0000000..3481362 Binary files /dev/null and b/images/auth/google/18-promptcreateaddsignin.png differ diff --git a/images/auth/google/2-selectormakenewproject.png b/images/auth/google/2-selectormakenewproject.png new file mode 100644 index 0000000..510b392 Binary files /dev/null and b/images/auth/google/2-selectormakenewproject.png differ diff --git a/images/auth/google/3-nameprojectaddtoorg.png b/images/auth/google/3-nameprojectaddtoorg.png new file mode 100644 index 0000000..694be65 Binary files /dev/null and b/images/auth/google/3-nameprojectaddtoorg.png differ diff --git a/images/auth/google/4-hitgetstartedfromproject.png b/images/auth/google/4-hitgetstartedfromproject.png new file mode 100644 index 0000000..8b980a0 Binary files /dev/null and b/images/auth/google/4-hitgetstartedfromproject.png differ diff --git a/images/auth/google/5-addappnamesupportemail.png b/images/auth/google/5-addappnamesupportemail.png new file mode 100644 index 0000000..6fac408 Binary files /dev/null and b/images/auth/google/5-addappnamesupportemail.png differ diff --git a/images/auth/google/6-decideaudience.png b/images/auth/google/6-decideaudience.png new file mode 100644 index 0000000..d0e7d53 Binary files /dev/null and b/images/auth/google/6-decideaudience.png differ diff --git a/images/auth/google/7-addcontactinfo.png b/images/auth/google/7-addcontactinfo.png new file mode 100644 index 0000000..f1219b9 Binary files /dev/null and b/images/auth/google/7-addcontactinfo.png differ diff --git a/images/auth/google/8-createoauthclient.png b/images/auth/google/8-createoauthclient.png new file mode 100644 index 0000000..b843935 Binary files /dev/null and b/images/auth/google/8-createoauthclient.png differ diff --git a/images/auth/google/9-webapplicationclientname.png b/images/auth/google/9-webapplicationclientname.png new file mode 100644 index 0000000..22f08b2 Binary files /dev/null and b/images/auth/google/9-webapplicationclientname.png differ diff --git a/images/auth/google/error-requestinvalid.png b/images/auth/google/error-requestinvalid.png new file mode 100644 index 0000000..45ab929 Binary files /dev/null and b/images/auth/google/error-requestinvalid.png differ diff --git a/images/auth/google/error-requestinvaliddetails.png b/images/auth/google/error-requestinvaliddetails.png new file mode 100644 index 0000000..124c4af Binary files /dev/null and b/images/auth/google/error-requestinvaliddetails.png differ diff --git a/images/auth/password/hashedpassword.png b/images/auth/password/hashedpassword.png new file mode 100644 index 0000000..c20800d Binary files /dev/null and b/images/auth/password/hashedpassword.png differ diff --git a/images/auth/password/settings.png b/images/auth/password/settings.png new file mode 100644 index 0000000..6a9aa60 Binary files /dev/null and b/images/auth/password/settings.png differ diff --git a/images/auth/projectselector.png b/images/auth/projectselector.png new file mode 100644 index 0000000..22d1b13 Binary files /dev/null and b/images/auth/projectselector.png differ diff --git a/images/auth/x/1-developerxapps.png b/images/auth/x/1-developerxapps.png new file mode 100644 index 0000000..9e6efb0 Binary files /dev/null and b/images/auth/x/1-developerxapps.png differ diff --git a/images/auth/x/10-skiptokens.png b/images/auth/x/10-skiptokens.png new file mode 100644 index 0000000..47fb180 Binary files /dev/null and b/images/auth/x/10-skiptokens.png differ diff --git a/images/auth/x/11-userauthenticationsetup.png b/images/auth/x/11-userauthenticationsetup.png new file mode 100644 index 0000000..71e13b3 Binary files /dev/null and b/images/auth/x/11-userauthenticationsetup.png differ diff --git a/images/auth/x/12-apppermissions.png b/images/auth/x/12-apppermissions.png new file mode 100644 index 0000000..f15e46a Binary files /dev/null and b/images/auth/x/12-apppermissions.png differ diff --git a/images/auth/x/13-webapp.png b/images/auth/x/13-webapp.png new file mode 100644 index 0000000..082cc1b Binary files /dev/null and b/images/auth/x/13-webapp.png differ diff --git a/images/auth/x/14-redirecturlappinfo.png b/images/auth/x/14-redirecturlappinfo.png new file mode 100644 index 0000000..37a1d98 Binary files /dev/null and b/images/auth/x/14-redirecturlappinfo.png differ diff --git a/images/auth/x/15-keysandtokens.png b/images/auth/x/15-keysandtokens.png new file mode 100644 index 0000000..ef392a6 Binary files /dev/null and b/images/auth/x/15-keysandtokens.png differ diff --git a/images/auth/x/16-clientidclientsecret.png b/images/auth/x/16-clientidclientsecret.png new file mode 100644 index 0000000..07320da Binary files /dev/null and b/images/auth/x/16-clientidclientsecret.png differ diff --git a/images/auth/x/17-createprojectsettings.png b/images/auth/x/17-createprojectsettings.png new file mode 100644 index 0000000..8a0e424 Binary files /dev/null and b/images/auth/x/17-createprojectsettings.png differ diff --git a/images/auth/x/18-enabletwitter.png b/images/auth/x/18-enabletwitter.png new file mode 100644 index 0000000..74e00e0 Binary files /dev/null and b/images/auth/x/18-enabletwitter.png differ diff --git a/images/auth/x/19-promptcreate.png b/images/auth/x/19-promptcreate.png new file mode 100644 index 0000000..2f977e1 Binary files /dev/null and b/images/auth/x/19-promptcreate.png differ diff --git a/images/auth/x/2-applyfordevaccount.png b/images/auth/x/2-applyfordevaccount.png new file mode 100644 index 0000000..7027d69 Binary files /dev/null and b/images/auth/x/2-applyfordevaccount.png differ diff --git a/images/auth/x/3-chooseplan.png b/images/auth/x/3-chooseplan.png new file mode 100644 index 0000000..d797089 Binary files /dev/null and b/images/auth/x/3-chooseplan.png differ diff --git a/images/auth/x/4-acceptagreement.png b/images/auth/x/4-acceptagreement.png new file mode 100644 index 0000000..8708155 Binary files /dev/null and b/images/auth/x/4-acceptagreement.png differ diff --git a/images/auth/x/5-createproject.png b/images/auth/x/5-createproject.png new file mode 100644 index 0000000..868c356 Binary files /dev/null and b/images/auth/x/5-createproject.png differ diff --git a/images/auth/x/6-chooseaname.png b/images/auth/x/6-chooseaname.png new file mode 100644 index 0000000..f491692 Binary files /dev/null and b/images/auth/x/6-chooseaname.png differ diff --git a/images/auth/x/7-chooseusecase.png b/images/auth/x/7-chooseusecase.png new file mode 100644 index 0000000..c690eed Binary files /dev/null and b/images/auth/x/7-chooseusecase.png differ diff --git a/images/auth/x/8-projectdescription.png b/images/auth/x/8-projectdescription.png new file mode 100644 index 0000000..99161dc Binary files /dev/null and b/images/auth/x/8-projectdescription.png differ diff --git a/images/auth/x/9-nameapp.png b/images/auth/x/9-nameapp.png new file mode 100644 index 0000000..bb4a57e Binary files /dev/null and b/images/auth/x/9-nameapp.png differ diff --git a/images/background-remover/apigen.png b/images/background-remover/apigen.png new file mode 100644 index 0000000..cc872e8 Binary files /dev/null and b/images/background-remover/apigen.png differ diff --git a/images/background-remover/homepage.png b/images/background-remover/homepage.png new file mode 100644 index 0000000..5508da3 Binary files /dev/null and b/images/background-remover/homepage.png differ diff --git a/images/background-remover/setting.png b/images/background-remover/setting.png new file mode 100644 index 0000000..aa890ad Binary files /dev/null and b/images/background-remover/setting.png differ diff --git a/images/background-remover/signin.png b/images/background-remover/signin.png new file mode 100644 index 0000000..e968a25 Binary files /dev/null and b/images/background-remover/signin.png differ diff --git a/images/beerapi/apigen.png b/images/beerapi/apigen.png new file mode 100644 index 0000000..00fcea0 Binary files /dev/null and b/images/beerapi/apigen.png differ diff --git a/images/beerapi/dashboard.png b/images/beerapi/dashboard.png new file mode 100644 index 0000000..4ea5be1 Binary files /dev/null and b/images/beerapi/dashboard.png differ diff --git a/images/beerapi/homepage.png b/images/beerapi/homepage.png new file mode 100644 index 0000000..bc26a10 Binary files /dev/null and b/images/beerapi/homepage.png differ diff --git a/images/brandfetch/apigen.png b/images/brandfetch/apigen.png new file mode 100644 index 0000000..3d3c532 Binary files /dev/null and b/images/brandfetch/apigen.png differ diff --git a/images/brandfetch/signup.png b/images/brandfetch/signup.png new file mode 100644 index 0000000..43511f7 Binary files /dev/null and b/images/brandfetch/signup.png differ diff --git a/images/codedownload.png b/images/codedownload.png new file mode 100644 index 0000000..bd6f519 Binary files /dev/null and b/images/codedownload.png differ diff --git a/images/controls.png b/images/controls.png new file mode 100644 index 0000000..b8b1e2b Binary files /dev/null and b/images/controls.png differ diff --git a/images/create-dashboard.png b/images/create-dashboard.png new file mode 100644 index 0000000..0767332 Binary files /dev/null and b/images/create-dashboard.png differ diff --git a/images/currents/apigen.png b/images/currents/apigen.png new file mode 100644 index 0000000..3c52bbc Binary files /dev/null and b/images/currents/apigen.png differ diff --git a/images/currents/homepage.png b/images/currents/homepage.png new file mode 100644 index 0000000..c1f22c6 Binary files /dev/null and b/images/currents/homepage.png differ diff --git a/images/currents/signup.png b/images/currents/signup.png new file mode 100644 index 0000000..65b92c9 Binary files /dev/null and b/images/currents/signup.png differ diff --git a/images/dashboard1.png b/images/dashboard1.png new file mode 100644 index 0000000..f749db3 Binary files /dev/null and b/images/dashboard1.png differ diff --git a/images/databases/remove-from-project.png b/images/databases/remove-from-project.png new file mode 100644 index 0000000..45fea4a Binary files /dev/null and b/images/databases/remove-from-project.png differ diff --git a/images/databases/tasks-connected.png b/images/databases/tasks-connected.png new file mode 100644 index 0000000..ef7e8d8 Binary files /dev/null and b/images/databases/tasks-connected.png differ diff --git a/images/databases/tasks-functions.png b/images/databases/tasks-functions.png new file mode 100644 index 0000000..fb50698 Binary files /dev/null and b/images/databases/tasks-functions.png differ diff --git a/images/databases/tasks-ui.png b/images/databases/tasks-ui.png new file mode 100644 index 0000000..2b4249f Binary files /dev/null and b/images/databases/tasks-ui.png differ diff --git a/images/databases/viewer.png b/images/databases/viewer.png new file mode 100644 index 0000000..7aa4dcc Binary files /dev/null and b/images/databases/viewer.png differ diff --git a/images/debug1.png b/images/debug1.png new file mode 100644 index 0000000..acefad2 Binary files /dev/null and b/images/debug1.png differ diff --git a/images/deepthink2.png b/images/deepthink2.png new file mode 100644 index 0000000..9bab32a Binary files /dev/null and b/images/deepthink2.png differ diff --git a/images/deepthinking.png b/images/deepthinking.png new file mode 100644 index 0000000..e592629 Binary files /dev/null and b/images/deepthinking.png differ diff --git a/images/deleteapage.png b/images/deleteapage.png new file mode 100644 index 0000000..2ffbfdc Binary files /dev/null and b/images/deleteapage.png differ diff --git a/images/detailing.gif b/images/detailing.gif new file mode 100644 index 0000000..96bb9a6 Binary files /dev/null and b/images/detailing.gif differ diff --git a/images/discord/addCommand.png b/images/discord/addCommand.png new file mode 100644 index 0000000..c674bcb Binary files /dev/null and b/images/discord/addCommand.png differ diff --git a/images/discord/addtoserver.png b/images/discord/addtoserver.png new file mode 100644 index 0000000..08bcdb5 Binary files /dev/null and b/images/discord/addtoserver.png differ diff --git a/images/discord/appid&pubkey.png b/images/discord/appid&pubkey.png new file mode 100644 index 0000000..751f769 Binary files /dev/null and b/images/discord/appid&pubkey.png differ diff --git a/images/discord/botprivileges.png b/images/discord/botprivileges.png new file mode 100644 index 0000000..b550913 Binary files /dev/null and b/images/discord/botprivileges.png differ diff --git a/images/discord/bottoken.png b/images/discord/bottoken.png new file mode 100644 index 0000000..1ced7c2 Binary files /dev/null and b/images/discord/bottoken.png differ diff --git a/images/discord/enabledevelopermode.png b/images/discord/enabledevelopermode.png new file mode 100644 index 0000000..a3f371f Binary files /dev/null and b/images/discord/enabledevelopermode.png differ diff --git a/images/discord/getserverid.png b/images/discord/getserverid.png new file mode 100644 index 0000000..8aa5756 Binary files /dev/null and b/images/discord/getserverid.png differ diff --git a/images/discord/installlink.png b/images/discord/installlink.png new file mode 100644 index 0000000..09bd339 Binary files /dev/null and b/images/discord/installlink.png differ diff --git a/images/discord/interactiveendpoint.png b/images/discord/interactiveendpoint.png new file mode 100644 index 0000000..509900a Binary files /dev/null and b/images/discord/interactiveendpoint.png differ diff --git a/images/discord/moresettings.png b/images/discord/moresettings.png new file mode 100644 index 0000000..7ea48fe Binary files /dev/null and b/images/discord/moresettings.png differ diff --git a/images/discord/newapp.png b/images/discord/newapp.png new file mode 100644 index 0000000..db7ac22 Binary files /dev/null and b/images/discord/newapp.png differ diff --git a/images/discord/permissions.png b/images/discord/permissions.png new file mode 100644 index 0000000..a1e9f8f Binary files /dev/null and b/images/discord/permissions.png differ diff --git a/images/discord/runtest.png b/images/discord/runtest.png new file mode 100644 index 0000000..552b051 Binary files /dev/null and b/images/discord/runtest.png differ diff --git a/images/discord/signin.png b/images/discord/signin.png new file mode 100644 index 0000000..1f9b815 Binary files /dev/null and b/images/discord/signin.png differ diff --git a/images/discord/testchat.png b/images/discord/testchat.png new file mode 100644 index 0000000..36e3455 Binary files /dev/null and b/images/discord/testchat.png differ diff --git a/images/discussion.png b/images/discussion.png new file mode 100644 index 0000000..9ad016a Binary files /dev/null and b/images/discussion.png differ diff --git a/images/elevenlabs/image1.png b/images/elevenlabs/image1.png new file mode 100644 index 0000000..e838c79 Binary files /dev/null and b/images/elevenlabs/image1.png differ diff --git a/images/elevenlabs/image2.png b/images/elevenlabs/image2.png new file mode 100644 index 0000000..7c2f386 Binary files /dev/null and b/images/elevenlabs/image2.png differ diff --git a/images/elevenlabs/image3.png b/images/elevenlabs/image3.png new file mode 100644 index 0000000..f260bdc Binary files /dev/null and b/images/elevenlabs/image3.png differ diff --git a/images/elevenlabs/image4.png b/images/elevenlabs/image4.png new file mode 100644 index 0000000..a806d14 Binary files /dev/null and b/images/elevenlabs/image4.png differ diff --git a/images/elevenlabs/image5.png b/images/elevenlabs/image5.png new file mode 100644 index 0000000..c7cbd76 Binary files /dev/null and b/images/elevenlabs/image5.png differ diff --git a/images/elevenlabs/image6.png b/images/elevenlabs/image6.png new file mode 100644 index 0000000..38c8fed Binary files /dev/null and b/images/elevenlabs/image6.png differ diff --git a/images/elevenlabs/image7.png b/images/elevenlabs/image7.png new file mode 100644 index 0000000..c1be8af Binary files /dev/null and b/images/elevenlabs/image7.png differ diff --git a/images/elevenlabs/image8.png b/images/elevenlabs/image8.png new file mode 100644 index 0000000..5231567 Binary files /dev/null and b/images/elevenlabs/image8.png differ diff --git a/images/elevenlabs/image9.png b/images/elevenlabs/image9.png new file mode 100644 index 0000000..2b5f7c0 Binary files /dev/null and b/images/elevenlabs/image9.png differ diff --git a/images/embed.png b/images/embed.png new file mode 100644 index 0000000..29391fc Binary files /dev/null and b/images/embed.png differ diff --git a/images/exa/image1.png b/images/exa/image1.png new file mode 100644 index 0000000..83e4b5b Binary files /dev/null and b/images/exa/image1.png differ diff --git a/images/exa/image2.png b/images/exa/image2.png new file mode 100644 index 0000000..78dc222 Binary files /dev/null and b/images/exa/image2.png differ diff --git a/images/exa/image3.png b/images/exa/image3.png new file mode 100644 index 0000000..2cd1e59 Binary files /dev/null and b/images/exa/image3.png differ diff --git a/images/exa/image4.png b/images/exa/image4.png new file mode 100644 index 0000000..9327d9a Binary files /dev/null and b/images/exa/image4.png differ diff --git a/images/exa/image5.png b/images/exa/image5.png new file mode 100644 index 0000000..88f0ba1 Binary files /dev/null and b/images/exa/image5.png differ diff --git a/images/exa/image6.png b/images/exa/image6.png new file mode 100644 index 0000000..c1be8af Binary files /dev/null and b/images/exa/image6.png differ diff --git a/images/ezgif-6c735490bbae99.gif b/images/ezgif-6c735490bbae99.gif new file mode 100644 index 0000000..48d23c2 Binary files /dev/null and b/images/ezgif-6c735490bbae99.gif differ diff --git a/images/failed.png b/images/failed.png new file mode 100644 index 0000000..80bef14 Binary files /dev/null and b/images/failed.png differ diff --git a/images/findwork/apigen.png b/images/findwork/apigen.png new file mode 100644 index 0000000..c9fd342 Binary files /dev/null and b/images/findwork/apigen.png differ diff --git a/images/findwork/signup.png b/images/findwork/signup.png new file mode 100644 index 0000000..01d3506 Binary files /dev/null and b/images/findwork/signup.png differ diff --git a/images/firecrawl/apigen.png b/images/firecrawl/apigen.png new file mode 100644 index 0000000..f8da3a1 Binary files /dev/null and b/images/firecrawl/apigen.png differ diff --git a/images/firecrawl/homepage.png b/images/firecrawl/homepage.png new file mode 100644 index 0000000..49d53e7 Binary files /dev/null and b/images/firecrawl/homepage.png differ diff --git a/images/firecrawl/signup.png b/images/firecrawl/signup.png new file mode 100644 index 0000000..cd4a0a1 Binary files /dev/null and b/images/firecrawl/signup.png differ diff --git a/images/freecredits.png b/images/freecredits.png new file mode 100644 index 0000000..339275f Binary files /dev/null and b/images/freecredits.png differ diff --git a/images/freesound/apigen.png b/images/freesound/apigen.png new file mode 100644 index 0000000..b760ffc Binary files /dev/null and b/images/freesound/apigen.png differ diff --git a/images/freesound/application.png b/images/freesound/application.png new file mode 100644 index 0000000..08f7a56 Binary files /dev/null and b/images/freesound/application.png differ diff --git a/images/freesound/homepage.png b/images/freesound/homepage.png new file mode 100644 index 0000000..613d3ed Binary files /dev/null and b/images/freesound/homepage.png differ diff --git a/images/freesound/signup.png b/images/freesound/signup.png new file mode 100644 index 0000000..684c225 Binary files /dev/null and b/images/freesound/signup.png differ diff --git a/images/giphy/apigen.png b/images/giphy/apigen.png new file mode 100644 index 0000000..6a1acdf Binary files /dev/null and b/images/giphy/apigen.png differ diff --git a/images/giphy/createapi.png b/images/giphy/createapi.png new file mode 100644 index 0000000..3e2b68a Binary files /dev/null and b/images/giphy/createapi.png differ diff --git a/images/giphy/homepage.png b/images/giphy/homepage.png new file mode 100644 index 0000000..6f59115 Binary files /dev/null and b/images/giphy/homepage.png differ diff --git a/images/giphy/pickapi.png b/images/giphy/pickapi.png new file mode 100644 index 0000000..80184c7 Binary files /dev/null and b/images/giphy/pickapi.png differ diff --git a/images/giphy/signup.png b/images/giphy/signup.png new file mode 100644 index 0000000..5ad9c1c Binary files /dev/null and b/images/giphy/signup.png differ diff --git a/images/hackerearth/apigen.png b/images/hackerearth/apigen.png new file mode 100644 index 0000000..eb0a40c Binary files /dev/null and b/images/hackerearth/apigen.png differ diff --git a/images/hackerearth/dashboard.png b/images/hackerearth/dashboard.png new file mode 100644 index 0000000..9fd195e Binary files /dev/null and b/images/hackerearth/dashboard.png differ diff --git a/images/hackerearth/homepage.png b/images/hackerearth/homepage.png new file mode 100644 index 0000000..1b1f81b Binary files /dev/null and b/images/hackerearth/homepage.png differ diff --git a/images/hashtagapi/apigen.png b/images/hashtagapi/apigen.png new file mode 100644 index 0000000..304c43f Binary files /dev/null and b/images/hashtagapi/apigen.png differ diff --git a/images/hashtagapi/dashboard.png b/images/hashtagapi/dashboard.png new file mode 100644 index 0000000..a6ab364 Binary files /dev/null and b/images/hashtagapi/dashboard.png differ diff --git a/images/hashtagapi/homepage.png b/images/hashtagapi/homepage.png new file mode 100644 index 0000000..bc26a10 Binary files /dev/null and b/images/hashtagapi/homepage.png differ diff --git a/images/header.jpeg b/images/header.jpeg new file mode 100644 index 0000000..73e57f5 Binary files /dev/null and b/images/header.jpeg differ diff --git a/images/heygen/apigen.png b/images/heygen/apigen.png new file mode 100644 index 0000000..13ba26b Binary files /dev/null and b/images/heygen/apigen.png differ diff --git a/images/heygen/avatarid.png b/images/heygen/avatarid.png new file mode 100644 index 0000000..fce8956 Binary files /dev/null and b/images/heygen/avatarid.png differ diff --git a/images/heygen/homepage.png b/images/heygen/homepage.png new file mode 100644 index 0000000..a09365a Binary files /dev/null and b/images/heygen/homepage.png differ diff --git a/images/heygen/setting.png b/images/heygen/setting.png new file mode 100644 index 0000000..3191c2c Binary files /dev/null and b/images/heygen/setting.png differ diff --git a/images/heygen/signup.png b/images/heygen/signup.png new file mode 100644 index 0000000..71d8bae Binary files /dev/null and b/images/heygen/signup.png differ diff --git a/images/heygen/voiceid.png b/images/heygen/voiceid.png new file mode 100644 index 0000000..89e9c88 Binary files /dev/null and b/images/heygen/voiceid.png differ diff --git a/images/huggingface/apigen.png b/images/huggingface/apigen.png new file mode 100644 index 0000000..5e4a214 Binary files /dev/null and b/images/huggingface/apigen.png differ diff --git a/images/huggingface/homepage.png b/images/huggingface/homepage.png new file mode 100644 index 0000000..1747c92 Binary files /dev/null and b/images/huggingface/homepage.png differ diff --git a/images/huggingface/readtoken.png b/images/huggingface/readtoken.png new file mode 100644 index 0000000..05377cd Binary files /dev/null and b/images/huggingface/readtoken.png differ diff --git a/images/huggingface/setting.png b/images/huggingface/setting.png new file mode 100644 index 0000000..e27b83c Binary files /dev/null and b/images/huggingface/setting.png differ diff --git a/images/huggingface/signup.png b/images/huggingface/signup.png new file mode 100644 index 0000000..853fff1 Binary files /dev/null and b/images/huggingface/signup.png differ diff --git a/images/ideogram/apigen.png b/images/ideogram/apigen.png new file mode 100644 index 0000000..300cd97 Binary files /dev/null and b/images/ideogram/apigen.png differ diff --git a/images/ideogram/homepage.png b/images/ideogram/homepage.png new file mode 100644 index 0000000..81e4fa0 Binary files /dev/null and b/images/ideogram/homepage.png differ diff --git a/images/ideogram/settings.png b/images/ideogram/settings.png new file mode 100644 index 0000000..9eba50c Binary files /dev/null and b/images/ideogram/settings.png differ diff --git a/images/ilovepdf/apigen.png b/images/ilovepdf/apigen.png new file mode 100644 index 0000000..7b0600f Binary files /dev/null and b/images/ilovepdf/apigen.png differ diff --git a/images/ilovepdf/homepage.png b/images/ilovepdf/homepage.png new file mode 100644 index 0000000..8017186 Binary files /dev/null and b/images/ilovepdf/homepage.png differ diff --git a/images/ilovepdf/signup.png b/images/ilovepdf/signup.png new file mode 100644 index 0000000..a0022e7 Binary files /dev/null and b/images/ilovepdf/signup.png differ diff --git a/images/image.png b/images/image.png index c74d096..0fbb5d9 100644 Binary files a/images/image.png and b/images/image.png differ diff --git a/images/invite.png b/images/invite.png new file mode 100644 index 0000000..fb19142 Binary files /dev/null and b/images/invite.png differ diff --git a/images/ipstack/apigen.png b/images/ipstack/apigen.png new file mode 100644 index 0000000..a4cacda Binary files /dev/null and b/images/ipstack/apigen.png differ diff --git a/images/ipstack/homepage.png b/images/ipstack/homepage.png new file mode 100644 index 0000000..708cd06 Binary files /dev/null and b/images/ipstack/homepage.png differ diff --git a/images/judgece/apigen.png b/images/judgece/apigen.png new file mode 100644 index 0000000..1666f59 Binary files /dev/null and b/images/judgece/apigen.png differ diff --git a/images/judgece/homepage.png b/images/judgece/homepage.png new file mode 100644 index 0000000..b2cca63 Binary files /dev/null and b/images/judgece/homepage.png differ diff --git a/images/kofi/add-webhook.png b/images/kofi/add-webhook.png new file mode 100644 index 0000000..57abf19 Binary files /dev/null and b/images/kofi/add-webhook.png differ diff --git a/images/kofi/homepage.png b/images/kofi/homepage.png new file mode 100644 index 0000000..e749838 Binary files /dev/null and b/images/kofi/homepage.png differ diff --git a/images/kofi/signin.png b/images/kofi/signin.png new file mode 100644 index 0000000..54e2592 Binary files /dev/null and b/images/kofi/signin.png differ diff --git a/images/kofi/test-donation.png b/images/kofi/test-donation.png new file mode 100644 index 0000000..1375557 Binary files /dev/null and b/images/kofi/test-donation.png differ diff --git a/images/line/.DS_Store b/images/line/.DS_Store new file mode 100644 index 0000000..09bd85f Binary files /dev/null and b/images/line/.DS_Store differ diff --git a/images/line/image1.png b/images/line/image1.png new file mode 100644 index 0000000..98677c4 Binary files /dev/null and b/images/line/image1.png differ diff --git a/images/line/image2.png b/images/line/image2.png new file mode 100644 index 0000000..6dc2288 Binary files /dev/null and b/images/line/image2.png differ diff --git a/images/line/image3.png b/images/line/image3.png new file mode 100644 index 0000000..1a12009 Binary files /dev/null and b/images/line/image3.png differ diff --git a/images/line/image4.png b/images/line/image4.png new file mode 100644 index 0000000..f149d82 Binary files /dev/null and b/images/line/image4.png differ diff --git a/images/line/image5.png b/images/line/image5.png new file mode 100644 index 0000000..09ffa6a Binary files /dev/null and b/images/line/image5.png differ diff --git a/images/line/image6.png b/images/line/image6.png new file mode 100644 index 0000000..fec2570 Binary files /dev/null and b/images/line/image6.png differ diff --git a/images/line/image7.png b/images/line/image7.png new file mode 100644 index 0000000..4993517 Binary files /dev/null and b/images/line/image7.png differ diff --git a/images/line/image8.png b/images/line/image8.png new file mode 100644 index 0000000..86fcbf1 Binary files /dev/null and b/images/line/image8.png differ diff --git a/images/line/line-bot-setting.png b/images/line/line-bot-setting.png new file mode 100644 index 0000000..132165f Binary files /dev/null and b/images/line/line-bot-setting.png differ diff --git a/images/line/line-groupchat.png b/images/line/line-groupchat.png new file mode 100644 index 0000000..e877f37 Binary files /dev/null and b/images/line/line-groupchat.png differ diff --git a/images/line/line-login.png b/images/line/line-login.png new file mode 100644 index 0000000..7aeaa64 Binary files /dev/null and b/images/line/line-login.png differ diff --git a/images/line/line-secret.png b/images/line/line-secret.png new file mode 100644 index 0000000..1263c73 Binary files /dev/null and b/images/line/line-secret.png differ diff --git a/images/line/line-webhook-input.png b/images/line/line-webhook-input.png new file mode 100644 index 0000000..68053ea Binary files /dev/null and b/images/line/line-webhook-input.png differ diff --git a/images/line/line-webhook-verify.png b/images/line/line-webhook-verify.png new file mode 100644 index 0000000..c782fd1 Binary files /dev/null and b/images/line/line-webhook-verify.png differ diff --git a/images/line/line-webhook.png b/images/line/line-webhook.png new file mode 100644 index 0000000..0938135 Binary files /dev/null and b/images/line/line-webhook.png differ diff --git a/images/linkchanges.png b/images/linkchanges.png new file mode 100644 index 0000000..fff635c Binary files /dev/null and b/images/linkchanges.png differ diff --git a/images/linking.png b/images/linking.png new file mode 100644 index 0000000..ea4af80 Binary files /dev/null and b/images/linking.png differ diff --git a/images/lockup-ipad-iphone-testflight_2x.webp b/images/lockup-ipad-iphone-testflight_2x.webp new file mode 100644 index 0000000..8911f48 Binary files /dev/null and b/images/lockup-ipad-iphone-testflight_2x.webp differ diff --git a/images/logmeal/apigen.png b/images/logmeal/apigen.png new file mode 100644 index 0000000..c4b7b73 Binary files /dev/null and b/images/logmeal/apigen.png differ diff --git a/images/logmeal/homepage.png b/images/logmeal/homepage.png new file mode 100644 index 0000000..a6a24c6 Binary files /dev/null and b/images/logmeal/homepage.png differ diff --git a/images/logmeal/signin.png b/images/logmeal/signin.png new file mode 100644 index 0000000..3448182 Binary files /dev/null and b/images/logmeal/signin.png differ diff --git a/images/logomenucontrols.png b/images/logomenucontrols.png new file mode 100644 index 0000000..476592a Binary files /dev/null and b/images/logomenucontrols.png differ diff --git a/images/luma/apigen.png b/images/luma/apigen.png new file mode 100644 index 0000000..fba0c42 Binary files /dev/null and b/images/luma/apigen.png differ diff --git a/images/luma/createcalendar.png b/images/luma/createcalendar.png new file mode 100644 index 0000000..6054cad Binary files /dev/null and b/images/luma/createcalendar.png differ diff --git a/images/luma/homepage.png b/images/luma/homepage.png new file mode 100644 index 0000000..50135ee Binary files /dev/null and b/images/luma/homepage.png differ diff --git a/images/luma/signup.png b/images/luma/signup.png new file mode 100644 index 0000000..1e58698 Binary files /dev/null and b/images/luma/signup.png differ diff --git a/images/mobile/apple-age-rating.png b/images/mobile/apple-age-rating.png new file mode 100644 index 0000000..9b83abf Binary files /dev/null and b/images/mobile/apple-age-rating.png differ diff --git a/images/mobile/apple-app-pricing.png b/images/mobile/apple-app-pricing.png new file mode 100644 index 0000000..5bcca98 Binary files /dev/null and b/images/mobile/apple-app-pricing.png differ diff --git a/images/mobile/apple-app-privacy.png b/images/mobile/apple-app-privacy.png new file mode 100644 index 0000000..06d1ed5 Binary files /dev/null and b/images/mobile/apple-app-privacy.png differ diff --git a/images/mobile/apple-build.png b/images/mobile/apple-build.png new file mode 100644 index 0000000..780bdb3 Binary files /dev/null and b/images/mobile/apple-build.png differ diff --git a/images/mobile/apple-contact-info.png b/images/mobile/apple-contact-info.png new file mode 100644 index 0000000..afbaf15 Binary files /dev/null and b/images/mobile/apple-contact-info.png differ diff --git a/images/mobile/apple-content-rights.png b/images/mobile/apple-content-rights.png new file mode 100644 index 0000000..405d992 Binary files /dev/null and b/images/mobile/apple-content-rights.png differ diff --git a/images/mobile/apple-email.png b/images/mobile/apple-email.png new file mode 100644 index 0000000..7a64545 Binary files /dev/null and b/images/mobile/apple-email.png differ diff --git a/images/mobile/apple-general-info.png b/images/mobile/apple-general-info.png new file mode 100644 index 0000000..194ba93 Binary files /dev/null and b/images/mobile/apple-general-info.png differ diff --git a/images/mobile/apple-required-items.png b/images/mobile/apple-required-items.png new file mode 100644 index 0000000..481fb46 Binary files /dev/null and b/images/mobile/apple-required-items.png differ diff --git a/images/mobile/apple-screenshot.png b/images/mobile/apple-screenshot.png new file mode 100644 index 0000000..4c5d70e Binary files /dev/null and b/images/mobile/apple-screenshot.png differ diff --git a/images/mobile/apple-view-app.png b/images/mobile/apple-view-app.png new file mode 100644 index 0000000..26140a7 Binary files /dev/null and b/images/mobile/apple-view-app.png differ diff --git a/images/mobile/apple.set-age-rating.png b/images/mobile/apple.set-age-rating.png new file mode 100644 index 0000000..33b7c4f Binary files /dev/null and b/images/mobile/apple.set-age-rating.png differ diff --git a/images/mobile/hitpublish.png b/images/mobile/hitpublish.png new file mode 100644 index 0000000..83a3158 Binary files /dev/null and b/images/mobile/hitpublish.png differ diff --git a/images/mobile/in-expo-go.jpeg b/images/mobile/in-expo-go.jpeg new file mode 100644 index 0000000..c2612e7 Binary files /dev/null and b/images/mobile/in-expo-go.jpeg differ diff --git a/images/mobile/mobile-appstore-button.png b/images/mobile/mobile-appstore-button.png new file mode 100644 index 0000000..a219657 Binary files /dev/null and b/images/mobile/mobile-appstore-button.png differ diff --git a/images/mobile/mobile-project-setting.png b/images/mobile/mobile-project-setting.png new file mode 100644 index 0000000..ae142e5 Binary files /dev/null and b/images/mobile/mobile-project-setting.png differ diff --git a/images/mobile/mobile-start-submission.png b/images/mobile/mobile-start-submission.png new file mode 100644 index 0000000..2f6b841 Binary files /dev/null and b/images/mobile/mobile-start-submission.png differ diff --git a/images/mobile/mobile-success.png b/images/mobile/mobile-success.png new file mode 100644 index 0000000..6bc46ed Binary files /dev/null and b/images/mobile/mobile-success.png differ diff --git a/images/mobile/newmobilepagemenu.png b/images/mobile/newmobilepagemenu.png new file mode 100644 index 0000000..db5a09c Binary files /dev/null and b/images/mobile/newmobilepagemenu.png differ diff --git a/images/mobile/overview.png b/images/mobile/overview.png new file mode 100644 index 0000000..70d30a4 Binary files /dev/null and b/images/mobile/overview.png differ diff --git a/images/mobile/pagefunctionsettings.png b/images/mobile/pagefunctionsettings.png new file mode 100644 index 0000000..ef237b1 Binary files /dev/null and b/images/mobile/pagefunctionsettings.png differ diff --git a/images/mobile/scanbarcode.png b/images/mobile/scanbarcode.png new file mode 100644 index 0000000..d045e83 Binary files /dev/null and b/images/mobile/scanbarcode.png differ diff --git a/images/mobile/viewcode.png b/images/mobile/viewcode.png new file mode 100644 index 0000000..c341ce0 Binary files /dev/null and b/images/mobile/viewcode.png differ diff --git a/images/mobile/viewonmobile.png b/images/mobile/viewonmobile.png new file mode 100644 index 0000000..b0adc6d Binary files /dev/null and b/images/mobile/viewonmobile.png differ diff --git a/images/mobileappstorecode.png b/images/mobileappstorecode.png new file mode 100644 index 0000000..aa43d2e Binary files /dev/null and b/images/mobileappstorecode.png differ diff --git a/images/mobilebuildsample.png b/images/mobilebuildsample.png new file mode 100644 index 0000000..65045bb Binary files /dev/null and b/images/mobilebuildsample.png differ diff --git a/images/mobilepreviewexpo.png b/images/mobilepreviewexpo.png new file mode 100644 index 0000000..c57e359 Binary files /dev/null and b/images/mobilepreviewexpo.png differ diff --git a/images/mobilepublish.png b/images/mobilepublish.png new file mode 100644 index 0000000..d19d943 Binary files /dev/null and b/images/mobilepublish.png differ diff --git a/images/mobileuploadwaiting.png b/images/mobileuploadwaiting.png new file mode 100644 index 0000000..813ba18 Binary files /dev/null and b/images/mobileuploadwaiting.png differ diff --git a/images/modes.png b/images/modes.png new file mode 100644 index 0000000..662d58f Binary files /dev/null and b/images/modes.png differ diff --git a/images/moviedb/image1.png b/images/moviedb/image1.png new file mode 100644 index 0000000..0ece13f Binary files /dev/null and b/images/moviedb/image1.png differ diff --git a/images/moviedb/image2.png b/images/moviedb/image2.png new file mode 100644 index 0000000..3c782bb Binary files /dev/null and b/images/moviedb/image2.png differ diff --git a/images/moviedb/image3.png b/images/moviedb/image3.png new file mode 100644 index 0000000..a2a8981 Binary files /dev/null and b/images/moviedb/image3.png differ diff --git a/images/moviedb/image4.png b/images/moviedb/image4.png new file mode 100644 index 0000000..855eae4 Binary files /dev/null and b/images/moviedb/image4.png differ diff --git a/images/moviedb/image5.png b/images/moviedb/image5.png new file mode 100644 index 0000000..83faeee Binary files /dev/null and b/images/moviedb/image5.png differ diff --git a/images/neverbounce/neverbounce-apigen.png b/images/neverbounce/neverbounce-apigen.png new file mode 100644 index 0000000..9b64017 Binary files /dev/null and b/images/neverbounce/neverbounce-apigen.png differ diff --git a/images/neverbounce/neverbounce-app-create.png b/images/neverbounce/neverbounce-app-create.png new file mode 100644 index 0000000..0ea456b Binary files /dev/null and b/images/neverbounce/neverbounce-app-create.png differ diff --git a/images/neverbounce/neverbounce-website.png b/images/neverbounce/neverbounce-website.png new file mode 100644 index 0000000..752e012 Binary files /dev/null and b/images/neverbounce/neverbounce-website.png differ diff --git a/images/newpage.gif b/images/newpage.gif new file mode 100644 index 0000000..dc0411b Binary files /dev/null and b/images/newpage.gif differ diff --git a/images/newsapi/apigen.png b/images/newsapi/apigen.png new file mode 100644 index 0000000..219329a Binary files /dev/null and b/images/newsapi/apigen.png differ diff --git a/images/newsapi/homepage.png b/images/newsapi/homepage.png new file mode 100644 index 0000000..ea18ca5 Binary files /dev/null and b/images/newsapi/homepage.png differ diff --git a/images/newsapi/signup.png b/images/newsapi/signup.png new file mode 100644 index 0000000..1f39799 Binary files /dev/null and b/images/newsapi/signup.png differ diff --git a/images/nutritionix/apigen.png b/images/nutritionix/apigen.png new file mode 100644 index 0000000..00d4506 Binary files /dev/null and b/images/nutritionix/apigen.png differ diff --git a/images/nutritionix/dashboard.png b/images/nutritionix/dashboard.png new file mode 100644 index 0000000..c13a3ea Binary files /dev/null and b/images/nutritionix/dashboard.png differ diff --git a/images/nutritionix/homepage.png b/images/nutritionix/homepage.png new file mode 100644 index 0000000..0ee98cd Binary files /dev/null and b/images/nutritionix/homepage.png differ diff --git a/images/nutritionix/signup.png b/images/nutritionix/signup.png new file mode 100644 index 0000000..cac4174 Binary files /dev/null and b/images/nutritionix/signup.png differ diff --git a/images/nytimes/apigen.png b/images/nytimes/apigen.png new file mode 100644 index 0000000..7481cae Binary files /dev/null and b/images/nytimes/apigen.png differ diff --git a/images/nytimes/homepage.png b/images/nytimes/homepage.png new file mode 100644 index 0000000..8ff4107 Binary files /dev/null and b/images/nytimes/homepage.png differ diff --git a/images/nytimes/manualauth.png b/images/nytimes/manualauth.png new file mode 100644 index 0000000..02e6d4b Binary files /dev/null and b/images/nytimes/manualauth.png differ diff --git a/images/nytimes/newapp.png b/images/nytimes/newapp.png new file mode 100644 index 0000000..f9bf371 Binary files /dev/null and b/images/nytimes/newapp.png differ diff --git a/images/nytimes/settings.png b/images/nytimes/settings.png new file mode 100644 index 0000000..3f6af6c Binary files /dev/null and b/images/nytimes/settings.png differ diff --git a/images/nytimes/signup.png b/images/nytimes/signup.png new file mode 100644 index 0000000..c384cb1 Binary files /dev/null and b/images/nytimes/signup.png differ diff --git a/images/onboardstripe1.png b/images/onboardstripe1.png new file mode 100644 index 0000000..8da36b9 Binary files /dev/null and b/images/onboardstripe1.png differ diff --git a/images/openlibrary/homepage.png b/images/openlibrary/homepage.png new file mode 100644 index 0000000..eba6a00 Binary files /dev/null and b/images/openlibrary/homepage.png differ diff --git a/images/pagenav.png b/images/pagenav.png new file mode 100644 index 0000000..d973746 Binary files /dev/null and b/images/pagenav.png differ diff --git a/images/perplexity/apigen.png b/images/perplexity/apigen.png new file mode 100644 index 0000000..d256200 Binary files /dev/null and b/images/perplexity/apigen.png differ diff --git a/images/perplexity/dashboard.png b/images/perplexity/dashboard.png new file mode 100644 index 0000000..c1a358c Binary files /dev/null and b/images/perplexity/dashboard.png differ diff --git a/images/perplexity/homepage.png b/images/perplexity/homepage.png new file mode 100644 index 0000000..3919fde Binary files /dev/null and b/images/perplexity/homepage.png differ diff --git a/images/petfinder/apigen.png b/images/petfinder/apigen.png new file mode 100644 index 0000000..5e058e3 Binary files /dev/null and b/images/petfinder/apigen.png differ diff --git a/images/petfinder/homepage.png b/images/petfinder/homepage.png new file mode 100644 index 0000000..16078c1 Binary files /dev/null and b/images/petfinder/homepage.png differ diff --git a/images/petfinder/requestaccess.png b/images/petfinder/requestaccess.png new file mode 100644 index 0000000..9eb398f Binary files /dev/null and b/images/petfinder/requestaccess.png differ diff --git a/images/petfinder/settings.png b/images/petfinder/settings.png new file mode 100644 index 0000000..fac149c Binary files /dev/null and b/images/petfinder/settings.png differ diff --git a/images/pixabay/apigen.png b/images/pixabay/apigen.png new file mode 100644 index 0000000..0be49af Binary files /dev/null and b/images/pixabay/apigen.png differ diff --git a/images/pixabay/homepage.png b/images/pixabay/homepage.png new file mode 100644 index 0000000..3b06c0c Binary files /dev/null and b/images/pixabay/homepage.png differ diff --git a/images/pixabay/signup.png b/images/pixabay/signup.png new file mode 100644 index 0000000..3ba2d23 Binary files /dev/null and b/images/pixabay/signup.png differ diff --git a/images/polygonio/apigen.png b/images/polygonio/apigen.png new file mode 100644 index 0000000..ffd9480 Binary files /dev/null and b/images/polygonio/apigen.png differ diff --git a/images/polygonio/dashboard.png b/images/polygonio/dashboard.png new file mode 100644 index 0000000..38b79f4 Binary files /dev/null and b/images/polygonio/dashboard.png differ diff --git a/images/polygonio/homepage.png b/images/polygonio/homepage.png new file mode 100644 index 0000000..b7d8dfd Binary files /dev/null and b/images/polygonio/homepage.png differ diff --git a/images/referall1.png b/images/referall1.png new file mode 100644 index 0000000..d7e38fe Binary files /dev/null and b/images/referall1.png differ diff --git a/images/referral1.png b/images/referral1.png new file mode 100644 index 0000000..dd9f1fd Binary files /dev/null and b/images/referral1.png differ diff --git a/images/refresh.png b/images/refresh.png new file mode 100644 index 0000000..30651bf Binary files /dev/null and b/images/refresh.png differ diff --git a/images/rentcast/apigen.png b/images/rentcast/apigen.png new file mode 100644 index 0000000..7d7608c Binary files /dev/null and b/images/rentcast/apigen.png differ diff --git a/images/rentcast/homepage.png b/images/rentcast/homepage.png new file mode 100644 index 0000000..1b87100 Binary files /dev/null and b/images/rentcast/homepage.png differ diff --git a/images/rentcast/signup.png b/images/rentcast/signup.png new file mode 100644 index 0000000..b25e7f3 Binary files /dev/null and b/images/rentcast/signup.png differ diff --git a/images/resend/resend-apigen.png b/images/resend/resend-apigen.png new file mode 100644 index 0000000..153ad12 Binary files /dev/null and b/images/resend/resend-apigen.png differ diff --git a/images/resend/resend-auth.png b/images/resend/resend-auth.png new file mode 100644 index 0000000..91f7c1e Binary files /dev/null and b/images/resend/resend-auth.png differ diff --git a/images/resend/resend-signup.png b/images/resend/resend-signup.png new file mode 100644 index 0000000..b0033af Binary files /dev/null and b/images/resend/resend-signup.png differ diff --git a/images/resend/resend-verify.png b/images/resend/resend-verify.png new file mode 100644 index 0000000..a8c0155 Binary files /dev/null and b/images/resend/resend-verify.png differ diff --git a/images/restart.png b/images/restart.png new file mode 100644 index 0000000..c23f392 Binary files /dev/null and b/images/restart.png differ diff --git a/images/rundown/apigen.png b/images/rundown/apigen.png new file mode 100644 index 0000000..609e158 Binary files /dev/null and b/images/rundown/apigen.png differ diff --git a/images/rundown/homepage.png b/images/rundown/homepage.png new file mode 100644 index 0000000..acaba53 Binary files /dev/null and b/images/rundown/homepage.png differ diff --git a/images/rundown/signup.png b/images/rundown/signup.png new file mode 100644 index 0000000..a256301 Binary files /dev/null and b/images/rundown/signup.png differ diff --git a/images/screen-20250724-163556-ezgif.com-video-to-gif-converter.gif b/images/screen-20250724-163556-ezgif.com-video-to-gif-converter.gif new file mode 100644 index 0000000..258aca6 Binary files /dev/null and b/images/screen-20250724-163556-ezgif.com-video-to-gif-converter.gif differ diff --git a/images/screenshot-layer/apigen.png b/images/screenshot-layer/apigen.png new file mode 100644 index 0000000..54a7311 Binary files /dev/null and b/images/screenshot-layer/apigen.png differ diff --git a/images/screenshot-layer/homepage.png b/images/screenshot-layer/homepage.png new file mode 100644 index 0000000..5ae0d3e Binary files /dev/null and b/images/screenshot-layer/homepage.png differ diff --git a/images/screenshot-layer/signup.png b/images/screenshot-layer/signup.png new file mode 100644 index 0000000..31e0f23 Binary files /dev/null and b/images/screenshot-layer/signup.png differ diff --git a/images/sfmta/apigen.png b/images/sfmta/apigen.png new file mode 100644 index 0000000..5a47848 Binary files /dev/null and b/images/sfmta/apigen.png differ diff --git a/images/sfmta/homepage.png b/images/sfmta/homepage.png new file mode 100644 index 0000000..fd49830 Binary files /dev/null and b/images/sfmta/homepage.png differ diff --git a/images/slack/botevents.png b/images/slack/botevents.png new file mode 100644 index 0000000..9b96455 Binary files /dev/null and b/images/slack/botevents.png differ diff --git a/images/slack/channelSelect.png b/images/slack/channelSelect.png new file mode 100644 index 0000000..9d01fdb Binary files /dev/null and b/images/slack/channelSelect.png differ diff --git a/images/slack/choosewhere.png b/images/slack/choosewhere.png new file mode 100644 index 0000000..681adac Binary files /dev/null and b/images/slack/choosewhere.png differ diff --git a/images/slack/copywebhook.png b/images/slack/copywebhook.png new file mode 100644 index 0000000..c303de3 Binary files /dev/null and b/images/slack/copywebhook.png differ diff --git a/images/slack/createnew.png b/images/slack/createnew.png new file mode 100644 index 0000000..80937d8 Binary files /dev/null and b/images/slack/createnew.png differ diff --git a/images/slack/eventsub.png b/images/slack/eventsub.png new file mode 100644 index 0000000..8ac782f Binary files /dev/null and b/images/slack/eventsub.png differ diff --git a/images/slack/homepage.png b/images/slack/homepage.png new file mode 100644 index 0000000..631a0e3 Binary files /dev/null and b/images/slack/homepage.png differ diff --git a/images/slack/incomingWebhook.png b/images/slack/incomingWebhook.png new file mode 100644 index 0000000..1eb0205 Binary files /dev/null and b/images/slack/incomingWebhook.png differ diff --git a/images/slack/install.png b/images/slack/install.png new file mode 100644 index 0000000..6a02781 Binary files /dev/null and b/images/slack/install.png differ diff --git a/images/slack/moresettings.png b/images/slack/moresettings.png new file mode 100644 index 0000000..8e58021 Binary files /dev/null and b/images/slack/moresettings.png differ diff --git a/images/slack/setupslash.png b/images/slack/setupslash.png new file mode 100644 index 0000000..f225dca Binary files /dev/null and b/images/slack/setupslash.png differ diff --git a/images/slack/signin.png b/images/slack/signin.png new file mode 100644 index 0000000..5ac942d Binary files /dev/null and b/images/slack/signin.png differ diff --git a/images/slack/signingsecret.png b/images/slack/signingsecret.png new file mode 100644 index 0000000..4735608 Binary files /dev/null and b/images/slack/signingsecret.png differ diff --git a/images/slack/slashnavigate.png b/images/slack/slashnavigate.png new file mode 100644 index 0000000..7d7dd18 Binary files /dev/null and b/images/slack/slashnavigate.png differ diff --git a/images/slack/tryitout.png b/images/slack/tryitout.png new file mode 100644 index 0000000..795c967 Binary files /dev/null and b/images/slack/tryitout.png differ diff --git a/images/spotify/apigen.png b/images/spotify/apigen.png new file mode 100644 index 0000000..9dad732 Binary files /dev/null and b/images/spotify/apigen.png differ diff --git a/images/spotify/createapp.png b/images/spotify/createapp.png new file mode 100644 index 0000000..69a0a2a Binary files /dev/null and b/images/spotify/createapp.png differ diff --git a/images/spotify/dashboard.png b/images/spotify/dashboard.png new file mode 100644 index 0000000..a1e5084 Binary files /dev/null and b/images/spotify/dashboard.png differ diff --git a/images/spotify/homepage.png b/images/spotify/homepage.png new file mode 100644 index 0000000..0b4b92a Binary files /dev/null and b/images/spotify/homepage.png differ diff --git a/images/spotify/settings.png b/images/spotify/settings.png new file mode 100644 index 0000000..4819c49 Binary files /dev/null and b/images/spotify/settings.png differ diff --git a/images/spotify/signup.png b/images/spotify/signup.png new file mode 100644 index 0000000..27245b6 Binary files /dev/null and b/images/spotify/signup.png differ diff --git a/images/stop.png b/images/stop.png new file mode 100644 index 0000000..7fa3dff Binary files /dev/null and b/images/stop.png differ diff --git a/images/stripe Accept Payments.png b/images/stripe Accept Payments.png new file mode 100644 index 0000000..b244e32 Binary files /dev/null and b/images/stripe Accept Payments.png differ diff --git a/images/stripe/connect/add-upsell.png b/images/stripe/connect/add-upsell.png new file mode 100644 index 0000000..c44277d Binary files /dev/null and b/images/stripe/connect/add-upsell.png differ diff --git a/images/stripe/connect/add-use-is-subscribed.png b/images/stripe/connect/add-use-is-subscribed.png new file mode 100644 index 0000000..55b200c Binary files /dev/null and b/images/stripe/connect/add-use-is-subscribed.png differ diff --git a/images/stripe/connect/find-users-db.png b/images/stripe/connect/find-users-db.png new file mode 100644 index 0000000..ce1b81b Binary files /dev/null and b/images/stripe/connect/find-users-db.png differ diff --git a/images/stripe/connect/go-to-create-project.png b/images/stripe/connect/go-to-create-project.png new file mode 100644 index 0000000..9bca02a Binary files /dev/null and b/images/stripe/connect/go-to-create-project.png differ diff --git a/images/stripe/connect/subscription-status-active.png b/images/stripe/connect/subscription-status-active.png new file mode 100644 index 0000000..89d0922 Binary files /dev/null and b/images/stripe/connect/subscription-status-active.png differ diff --git a/images/stripe/connect/upsell-after-style.png b/images/stripe/connect/upsell-after-style.png new file mode 100644 index 0000000..fff0ee0 Binary files /dev/null and b/images/stripe/connect/upsell-after-style.png differ diff --git a/images/stripe/connect/upsell-pre-style.png b/images/stripe/connect/upsell-pre-style.png new file mode 100644 index 0000000..b3c133f Binary files /dev/null and b/images/stripe/connect/upsell-pre-style.png differ diff --git a/images/tavus/apigen.png b/images/tavus/apigen.png new file mode 100644 index 0000000..4958831 Binary files /dev/null and b/images/tavus/apigen.png differ diff --git a/images/tavus/homepage.png b/images/tavus/homepage.png new file mode 100644 index 0000000..82ab660 Binary files /dev/null and b/images/tavus/homepage.png differ diff --git a/images/tavus/replicaid.png b/images/tavus/replicaid.png new file mode 100644 index 0000000..584ae8a Binary files /dev/null and b/images/tavus/replicaid.png differ diff --git a/images/tavus/signup.png b/images/tavus/signup.png new file mode 100644 index 0000000..0b7e3d3 Binary files /dev/null and b/images/tavus/signup.png differ diff --git a/images/teamaccess.png b/images/teamaccess.png new file mode 100644 index 0000000..d734bad Binary files /dev/null and b/images/teamaccess.png differ diff --git a/images/tenor/apigen.png b/images/tenor/apigen.png new file mode 100644 index 0000000..571a283 Binary files /dev/null and b/images/tenor/apigen.png differ diff --git a/images/tenor/guide.png b/images/tenor/guide.png new file mode 100644 index 0000000..be65c03 Binary files /dev/null and b/images/tenor/guide.png differ diff --git a/images/tenor/homepage.png b/images/tenor/homepage.png new file mode 100644 index 0000000..8569b8c Binary files /dev/null and b/images/tenor/homepage.png differ diff --git a/images/testflight-asc-large_2x(1).png b/images/testflight-asc-large_2x(1).png new file mode 100644 index 0000000..e2fdc1c Binary files /dev/null and b/images/testflight-asc-large_2x(1).png differ diff --git a/images/testflight.png b/images/testflight.png new file mode 100644 index 0000000..28b42f3 Binary files /dev/null and b/images/testflight.png differ diff --git a/images/thinking1.png b/images/thinking1.png new file mode 100644 index 0000000..3e374c0 Binary files /dev/null and b/images/thinking1.png differ diff --git a/images/ticketmaster/apigen.png b/images/ticketmaster/apigen.png new file mode 100644 index 0000000..e7a7003 Binary files /dev/null and b/images/ticketmaster/apigen.png differ diff --git a/images/ticketmaster/homepage.png b/images/ticketmaster/homepage.png new file mode 100644 index 0000000..d4ae993 Binary files /dev/null and b/images/ticketmaster/homepage.png differ diff --git a/images/tiktok-scraper/apigen.png b/images/tiktok-scraper/apigen.png new file mode 100644 index 0000000..583654f Binary files /dev/null and b/images/tiktok-scraper/apigen.png differ diff --git a/images/tiktok-scraper/homepage.png b/images/tiktok-scraper/homepage.png new file mode 100644 index 0000000..d771298 Binary files /dev/null and b/images/tiktok-scraper/homepage.png differ diff --git a/images/tiktok-scraper/signup.png b/images/tiktok-scraper/signup.png new file mode 100644 index 0000000..31e0f23 Binary files /dev/null and b/images/tiktok-scraper/signup.png differ diff --git a/images/tripadvisor/apigen.png b/images/tripadvisor/apigen.png new file mode 100644 index 0000000..b0f2f76 Binary files /dev/null and b/images/tripadvisor/apigen.png differ diff --git a/images/tripadvisor/checkout.png b/images/tripadvisor/checkout.png new file mode 100644 index 0000000..8fda8d9 Binary files /dev/null and b/images/tripadvisor/checkout.png differ diff --git a/images/tripadvisor/homepage.png b/images/tripadvisor/homepage.png new file mode 100644 index 0000000..37f2740 Binary files /dev/null and b/images/tripadvisor/homepage.png differ diff --git a/images/tripadvisor/signup.png b/images/tripadvisor/signup.png new file mode 100644 index 0000000..1167c18 Binary files /dev/null and b/images/tripadvisor/signup.png differ diff --git a/images/upcdb/apigen.png b/images/upcdb/apigen.png new file mode 100644 index 0000000..9d591cd Binary files /dev/null and b/images/upcdb/apigen.png differ diff --git a/images/upcdb/homepage.png b/images/upcdb/homepage.png new file mode 100644 index 0000000..b2027df Binary files /dev/null and b/images/upcdb/homepage.png differ diff --git a/images/updateplan.png b/images/updateplan.png new file mode 100644 index 0000000..72d293e Binary files /dev/null and b/images/updateplan.png differ diff --git a/images/urlshortener/apigen.png b/images/urlshortener/apigen.png new file mode 100644 index 0000000..c38cc30 Binary files /dev/null and b/images/urlshortener/apigen.png differ diff --git a/images/urlshortener/homepage.png b/images/urlshortener/homepage.png new file mode 100644 index 0000000..ddf1d19 Binary files /dev/null and b/images/urlshortener/homepage.png differ diff --git a/images/usajobs/apigen.png b/images/usajobs/apigen.png new file mode 100644 index 0000000..f2d5e95 Binary files /dev/null and b/images/usajobs/apigen.png differ diff --git a/images/usajobs/dashboard.png b/images/usajobs/dashboard.png new file mode 100644 index 0000000..461fee2 Binary files /dev/null and b/images/usajobs/dashboard.png differ diff --git a/images/usajobs/homepage.png b/images/usajobs/homepage.png new file mode 100644 index 0000000..74406f3 Binary files /dev/null and b/images/usajobs/homepage.png differ diff --git a/images/veriphone/apigen.png b/images/veriphone/apigen.png new file mode 100644 index 0000000..1855d5f Binary files /dev/null and b/images/veriphone/apigen.png differ diff --git a/images/veriphone/homepage.png b/images/veriphone/homepage.png new file mode 100644 index 0000000..b5aaebe Binary files /dev/null and b/images/veriphone/homepage.png differ diff --git a/images/veriphone/signin.png b/images/veriphone/signin.png new file mode 100644 index 0000000..738f657 Binary files /dev/null and b/images/veriphone/signin.png differ diff --git a/images/weather/homepage.png b/images/weather/homepage.png new file mode 100644 index 0000000..d2bdaad Binary files /dev/null and b/images/weather/homepage.png differ diff --git a/images/wordcloud/apigen.png b/images/wordcloud/apigen.png new file mode 100644 index 0000000..edb10c8 Binary files /dev/null and b/images/wordcloud/apigen.png differ diff --git a/images/wordcloud/dashboard.png b/images/wordcloud/dashboard.png new file mode 100644 index 0000000..e3ab94a Binary files /dev/null and b/images/wordcloud/dashboard.png differ diff --git a/images/wordcloud/homepage.png b/images/wordcloud/homepage.png new file mode 100644 index 0000000..bc26a10 Binary files /dev/null and b/images/wordcloud/homepage.png differ diff --git a/images/yelp/apigen.png b/images/yelp/apigen.png new file mode 100644 index 0000000..d9da8b7 Binary files /dev/null and b/images/yelp/apigen.png differ diff --git a/images/yelp/homepage.png b/images/yelp/homepage.png new file mode 100644 index 0000000..9cd4f62 Binary files /dev/null and b/images/yelp/homepage.png differ diff --git a/images/yelp/manageapi.png b/images/yelp/manageapi.png new file mode 100644 index 0000000..452fee0 Binary files /dev/null and b/images/yelp/manageapi.png differ diff --git a/images/yelp/signin.png b/images/yelp/signin.png new file mode 100644 index 0000000..99f6fc7 Binary files /dev/null and b/images/yelp/signin.png differ diff --git a/integrations/airtable.mdx b/integrations/airtable.mdx new file mode 100644 index 0000000..6ee4977 --- /dev/null +++ b/integrations/airtable.mdx @@ -0,0 +1,123 @@ +--- +title: "Airtable" +description: "Integrate and manage your data with Airtable" +--- + +Airtable lets you create powerful databases, organize your information, and connect it to your applications. + +## Overview + + + + Sign up for an Airtable account + + + Generate your Airtable API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [airtable.com](https://airtable.com/) and click "Sign up" in the top right corner + + + + + + * Sign up with email/password + * Or continue with Google, Apple, or other authentication options + + + + +## Generate API Key + + + + Go to [airtable.com/create/token](https://airtable.com/create/token). + + + + 1. Navigate to the "Personal Access Token" section + 2. Click "Create new token" + 3. Name your key (e.g., "Create Integration") + 4. Add read and write data scopes + 5. Add your workspace table + + + + + 1. Copy the generated PAT Token + 2. Store it securely. + + + Keep your PAT Token secure - it grants access to your Airtable data + + + + +## Get Base and Table ID + + + + 1. Navigate to the Airtable base you want to connect to + 2. Look at the URL in your browser + + + + + + 1. The Base and Table ID is in the URL after "airtable.com/" and typically starts with "app" + 2. Copy this ID - you'll need it when connecting to your base + + + The Base and Table ID format looks like: app12345abcdef/tb12345abcdef + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Airtable" from the menu + + + + 1. Paste your Airtable API key into the "AIRTABLE_TOKEN" field + 2. Add your Base ID to the "AIRTABLE_BASE_ID" field + 3. Add your Table ID to the "AIRTABLE_TABLE_ID" field + + + Need a new token? Generate one in your Airtable account settings. + + + + + You can now use prompts with the integration to manage your Airtable data. + + Some examples: + * `Create a new record in my Airtable base with /Airtable` + * `Fetch data from my Products table using /Airtable` + * `Update customer information with /Airtable` + + + Airtable has API rate limits - implement caching for frequently accessed data. + + + Example prompt for optimization: + ``` + When using /Airtable, cache the retrieved data in my application state + ``` + + + + + Your Airtable integration is now ready! Use the `/Airtable` command in chat to manage your data. + \ No newline at end of file diff --git a/integrations/alpha-vantage.mdx b/integrations/alpha-vantage.mdx new file mode 100644 index 0000000..7a2fb57 --- /dev/null +++ b/integrations/alpha-vantage.mdx @@ -0,0 +1,70 @@ +--- +title: "Alpha Vantage" +description: "Access financial market data and stock information" +--- + +Alpha Vantage API provides access to real-time and historical financial market data, including stock prices, technical indicators, and more. + +## Overview + + + + Generate your Alpha Vantage API key + + + Add your API key to Create's secrets + + + +## Generate API Key + + + + 1. Go to [alphavantage.co/support/#api-key](https://www.alphavantage.co/support/#api-key) + 2. Fill out the application to get your free API Key + + + + Free tier has rate limits - monitor your usage + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Alpha Vantage" from the menu + + + + 1. Paste your API key into the "ALPHA_VANTAGE_API_KEY" field + + + Need a new key? Generate one in your Alpha Vantage dashboard. + + + + + You can now use prompts with the integration to access financial data. + + Example prompts: + * `Get stock prices for AAPL using /AlphaVantage` + * `Retrieve historical data for MSFT using /AlphaVantage` + * `Create a stock analysis tool using /AlphaVantage` + + + API has rate limits - implement caching for frequently accessed data. + + + Example prompt for optimization: + ``` + When using /AlphaVantage, cache the stock data in my database + ``` + + + + + Your Alpha Vantage integration is ready! Use `/AlphaVantage` in chat to access financial data. + diff --git a/integrations/background-remover.mdx b/integrations/background-remover.mdx new file mode 100644 index 0000000..1edf06e --- /dev/null +++ b/integrations/background-remover.mdx @@ -0,0 +1,105 @@ +--- +title: "Replicate Background Remover" +description: "Remove backgrounds from images instantly using Replicate's AI model" +--- + +Background Remover uses Replicate's state-of-the-art AI model to automatically remove backgrounds from images with high precision. + + Replicate requires paid credits to use their API. Please refer to their pricing [here](https://replicate.com/pricing#public-models). +## Overview + + + + Sign up for a Replicate account + + + Generate your Replicate API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [replicate.com](https://www.replicate.com/) and click "Sign Up" in the top right corner + + + + + + * Sign up with email/password + * Or continue with GitHub authentication + + + + + +## Generate API Key + + + + 1. Click on your profile icon in the top right + 2. Select "API" from the dropdown menu + + + + + + 1. Click "Create API Key" + 2. Name your key (e.g., "Create Integration") + 3. Click "Generate" + + + + + + 1. Copy the generated API key + 2. Store it securely - you won't be able to see it again + + + Keep your API key secure - it grants access to your paid credits + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Background Remover" from the menu + + + + 1. Paste your API key into the "BACKGROUND_REMOVER_API_KEY" field + + + Need a new key? Generate one in your Background Remover dashboard. + + + + + You can now use prompts with the integration to remove image backgrounds. + + Some examples: + * `Remove the background from this product image with /ReplicateBackgroundRemover` + * `Create a profile photo editor with /ReplicateBackgroundRemover` + * `Build an image upload form that removes backgrounds using /ReplicateBackgroundRemover` + + + Each API call uses one credit - implement caching for frequently processed images. + + + Example prompt for optimization: + ``` + When using /ReplicateBackgroundRemover, cache the processed images in my database + ``` + + + + + Your Background Remover integration is ready! Use `/ReplicateBackgroundRemover` in chat to process images. + diff --git a/integrations/beerapi.mdx b/integrations/beerapi.mdx new file mode 100644 index 0000000..6c80bec --- /dev/null +++ b/integrations/beerapi.mdx @@ -0,0 +1,101 @@ +--- +title: "Beer API" +description: "Access comprehensive beer and brewery data" +--- + +Beer API provides detailed information about beers, breweries, and brewing processes through RapidAPI. + +## Overview + + + + Sign up for a RapidAPI account + + + Subscribe to Beer API and get your key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [rapidapi.com](https://rapidapi.com/) and click "Sign Up" + + + + + + * Go to [https://rapidapi.com/winevybe/api/beer9/pricing](https://rapidapi.com/winevybe/api/beer9/pricing) + * Select a subscription plan + * Complete the subscription process + + + +## Generate API Key + + + + 1. Log in to your RapidAPI account + 2. Navigate to the Beer API page + + + + + + 1. Subscribe to the API if you haven't already + 2. Copy your RapidAPI key from the endpoint examples + + + + + + 1. Store your API key safely + + + Keep your API key secure - it grants access to all your RapidAPI subscriptions + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Beer API" from the menu + + + + 1. Paste your RapidAPI key into the "RAPID_API_KEY" field + + + Need a new key? Find it in your RapidAPI dashboard. + + + + + You can now use prompts with the integration to access beer data. + + Some examples: + * `Search for beers by name using /BeerAPI` + * `Get brewery information with /BeerAPI` + * `Create a beer recommendation app using /BeerAPI` + + + API has rate limits based on your plan - implement caching for frequently accessed data. + + + Example prompt for optimization: + ``` + When using /BeerAPI, cache the beer data in my database + ``` + + + + + Your Beer API integration is now ready! Use the `/BeerAPI` command in chat to access beer and brewery data. + diff --git a/integrations/brandfetch.mdx b/integrations/brandfetch.mdx new file mode 100644 index 0000000..744dd20 --- /dev/null +++ b/integrations/brandfetch.mdx @@ -0,0 +1,93 @@ +--- +title: "Brandfetch" +description: "Access company logos and brand assets" +--- + +Brandfetch API provides access to company logos, colors, and brand assets for millions of companies. + +## Overview + + + + Sign up for a Brandfetch account + + + Generate your Brandfetch API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [developers.brandfetch.com](https://developers.brandfetch.com/) and click "Sign Up" + + + + + + * Sign up with email/password + * Or continue with Google authentication + + + +## Generate API Key + + + + 1. Go to your Brandfetch dashboard + 2. Navigate to the "Brand API" section + + + Free tier has rate limits - monitor your usage + + + + + 1. An API Key is generated by default + 2. Copy your API key + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Brandfetch" from the menu + + + + 1. Paste your API key into the "BRANDFETCH_API_KEY" field + + + Need a new key? Contact Brandfetch support. + + + + + You can now use prompts with the integration to access brand assets. + + Example prompts: + * `Get company logo using /Brandfetch` + * `Find brand colors with /Brandfetch` + * `Create a brand asset library using /Brandfetch` + + + API has rate limits - implement caching for frequently accessed brands. + + + Example prompt for optimization: + ``` + When using /Brandfetch, cache the brand assets in my database + ``` + + + + + Your Brandfetch integration is ready! Use `/Brandfetch` in chat to access brand assets. + diff --git a/integrations/currents.mdx b/integrations/currents.mdx new file mode 100644 index 0000000..8dd4a3c --- /dev/null +++ b/integrations/currents.mdx @@ -0,0 +1,99 @@ +--- +title: "Currents" +description: "Access current news and headlines" +--- + +Currents API provides access to real-time news and headlines from various sources, allowing you to integrate the latest news into your applications. + +## Overview + + + + Sign up for a Currents account + + + Generate your Currents API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [currentsapi.com](https://currentsapi.com/) and click "Sign In/Register" in the top right corner + + + + + + * Sign up with email/password + * Or continue with social media authentication + + + + +## Generate API Key + + + + 1. Click on your profile icon in the top right + + + + 1. Click "Create API Key" + 2. Name your key (e.g., "Create Integration") + 3. Click "Generate" + + + + + + 1. Copy the generated API key + + + Keep your API key secure - it grants access to your account data + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Currents" from the menu + + + + 1. Paste your API key into the "CURRENTS_API_KEY" field + + + Need a new key? Generate one in your Currents dashboard. + + + + + You can now use prompts with the integration to access current news and headlines. + + Example prompts: + * `Get the latest news headlines using /Currents` + * `Retrieve news articles by category using /Currents` + * `Create a news aggregator using /Currents` + + + API has rate limits - implement caching for frequently accessed data. + + + Example prompt for optimization: + ``` + When using /Currents, cache the news articles in my database + ``` + + + + + Your Currents integration is ready! Use `/Currents` in chat to access current news and headlines. + diff --git a/integrations/discord.mdx b/integrations/discord.mdx new file mode 100644 index 0000000..2dca455 --- /dev/null +++ b/integrations/discord.mdx @@ -0,0 +1,182 @@ +--- +title: "Discord" +description: "Integrate Discord messaging capabilities into your application" +--- + +Connect your app to Discord's messaging platform to send notifications, build chatbots, and interact with users through Discord's popular messaging service. + +## Overview + + + + Sign up and configure your Discord Developer Portal. + + + Create a Discord bot and obtain your bot token. + + + Turn on these settings to have the best experience with Discord. + + + Add your credentials to Create's secrets. + + + +## Account Setup + + + + Go to [Discord Developer Portal](https://discord.com/developers/applications) and sign up with your account. + + + + + + Click "New Application" to create a new Discord application. + + + + + +## Generate API Credentials + + + + 1. Find your Public Key and Application ID in the General Information section. + + + + + 1. In the Bot settings, click "Reset Token" to generate and copy your bot token. + + + Keep your bot token secure - it grants full access to your bot. + + + + + 1. Go into your settings for the main Discord messaging application. + 2. Find the advanced tab and enable developer mode. + + 3. Right click the server icon you want your bot join in your list of servers. + 4. Copy the Server ID. + + Guild ID is the same as Server ID. They call it Guild to make it sound cool. + + + +## Verify Settings + + + + 1. Head back to the Discord Developer portal and into the Bot section to enable Public Bot to allow others to download your bot. + 2. Enable Server Members intent to allow interactions with the server members. + 3. Enable Message Intent to allow the bot to interactive with messages in the server. + + + + + 1. Go into the Install section and scroll down to find the Default Install Settings + 2. Under Guild Install, click the drop down under scopes and add Bot to the list + 3. Under Permissions, enable Send Message and Read Message history. + + Add more permissions here based on your Discord bot needs. + + + + 1. Revisit the General Information section and scroll down to find the Interactive Endpoint URL + 2. Copy your Create project's base URL along with api/discord-webhook similar to the example picture. + Be sure your Create project is published and available on the internet + 3. Once you click "Save Changes", the endpoint should have verifed successfully. + + Having issues with setup? Please reach out to the community on our [Discord](https://discord.com/invite/A4mjfuhwHj). + + + +## Setting Slash Commands + + + 1. In your Create project, run the Create Command function in the Run Test option. This will create a /chatgpt command for your bot. + You may skip the inputs and click "Run Test", if you have the your secrets/credentials setup. + + + + + 1. In the installation section, scroll down to find your installation link. + 2. Copy and paste it into your browser and add your bot to your server. + + + + + Send a test message using "/chatgpt Hello!" in your Discord server to verify that your bot is online and responding. + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in chat. + 2. Select "Discord" from the menu. + + + + 1. Paste your Bot Token into "DISCORD_BOT_TOKEN". + 2. Paste your Application ID to "DISCORD_APP_ID". + 3. Paste your Public Key to "DISCORD_PUBLIC_KEY". + 4. Paste your Server ID to "DISCORD_GUILD_ID". + + + Need new credentials? Regenerate in the Discord Developer Portal. + + + + + Use prompts to implement Discord features: + + * `Send a welcome message using /Discord` + * `Build a chatbot that uses /Discord for customer support` + * `Create a notification system with /Discord` + + + Discord API has rate limits - implement error handling for best reliability. + + + + + + Discord integration complete! Use `/Discord` in chat to access messaging capabilities. + + +## Frequently Asked Questions + + + + Discord API allows you to interact with Discord's messaging platform, enabling you to send messages, build bots, and manage server interactions. + + + + Yes, you need a Discord Developer Account to access the API and create a bot. The account is free and sufficient for testing and development. + + + + The bot works by listening to events in Discord and responding to commands or messages based on your implementation. + + + + You can build: + - Chatbots for customer support + - Notification systems for events + - Interactive games and experiences + - Moderation tools for server management + + + + Yes, Discord has API rate limits. Free accounts have lower limits than paid accounts. Check Discord's official documentation for current limits. + + + + Yes, you can test your integration by sending messages to your bot in a server where it has been invited. Monitor the bot's responses to ensure it functions as expected. + + diff --git a/integrations/elevenlabs.mdx b/integrations/elevenlabs.mdx new file mode 100644 index 0000000..49fc3c0 --- /dev/null +++ b/integrations/elevenlabs.mdx @@ -0,0 +1,94 @@ +--- +title: "ElevenLabs" +description: "Add AI-powered voice generation and text-to-speech" +--- + +ElevenLabs provides state-of-the-art voice synthesis for natural sounding speech generation. + +## Overview + + + + Sign up for an ElevenLabs account + + + Generate your ElevenLabs API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [elevenlabs.io](https://elevenlabs.io/) and click "Sign Up" + + + + + + * Sign up with email/password + * Or continue with Google authentication + + + + + +## Generate API Key + + + + 1. Click your profile icon in the top right + 2. Select "API Keys" from the dropdown + + + + + + 1. Click "Generate New API Key" + 2. Name the key (e.g., "Create Integration") + + + + + + 1. Copy the generated API key + + 2. Store it securely + + + This key will only be shown once + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in chat + 2. Select "ElevenLabs" from the menu + + + + 1. Paste your ElevenLabs API key into the "ELEVEN_LABS_API_KEY" field + + + Need a new key? Regenerate in your ElevenLabs dashboard. + + + + + Use prompts with the integration to create voice content: + + * `Generate a voiceover for this script with /ElevenLabs` + * `Convert the blog post to audio with a British accent using /ElevenLabs` + * `Clone my voice from this sample with /ElevenLabs` + + + + + ElevenLabs integration complete! Use `/ElevenLabs` in chat to access voice generation capabilities. + diff --git a/integrations/exa.mdx b/integrations/exa.mdx new file mode 100644 index 0000000..6a30273 --- /dev/null +++ b/integrations/exa.mdx @@ -0,0 +1,102 @@ +--- +title: "Exa" +description: "Crawl the internet with AI-powered search" +--- + +Exa lets you search and summarize web content using advanced AI models. + +## Overview + + + + Sign up for an Exa account + + + Set up payment for API access + + + Generate your Exa API token + + + Add your token to Create's secrets + + + +## Account Setup + + + + Go to [exa.ai](https://exa.ai/) and click "Try API For Free" + + + + + + * Click "Continue with Google" + * Or sign up with email/password + + + + +## Configure Billing + + + + 1. Navigate to "Billing" in the left panel + 2. Click "Top Up Balance" + + + + + + 1. Enter payment information + 2. Click "Purchase" + + + + +## Generate API Token + + + + 1. Go to "API Tokens" in settings + 2. Locate your default API key + + + + + + 1. Click "Copy" next to your API token + 2. Store it securely + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in chat + 2. Select "Exa" from the menu + + + + 1. Paste your Exa token into "EXA_API_KEY" secret + + + Lost your token? Generate a new one in Exa's dashboard. + + + + + Use prompts with the integration to search the web: + + * `Find recent AI research papers about /Exa` + * `Get summarized content from wikipedia about /Exa` + * `Search for trending React components with /Exa` + + + + + Exa integration complete! Use `/Exa` in chat to access web search capabilities. + \ No newline at end of file diff --git a/integrations/findwork.mdx b/integrations/findwork.mdx new file mode 100644 index 0000000..f7ecf3a --- /dev/null +++ b/integrations/findwork.mdx @@ -0,0 +1,87 @@ +--- +title: "FindWork" +description: "Access job listings and freelance opportunities" +--- + +FindWork provides access to a comprehensive database of job listings and freelance opportunities across various industries. + +## Overview + + + + Sign up for a FindWork account. + + + Generate your FindWork API key. + + + Add your API key to Create's secrets. + + + +## Account Creation + + + + Go to [findwork.dev/developers/](https://findwork.dev/developers/) and "Sign Up" + + + + * Sign up with email/password. + * Or continue with social media authentication. + + + + + +## Generate API Key + + + + 1. Copy the generated API key. + 2. Store it securely - you won't be able to see it again. + + + Keep your API key secure - it grants access to your account data. + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in chat. + 2. Select "FindWork" from the menu. + + + + 1. Paste your API key into "FINDWORK_API_KEY." + + + Need new credentials? Regenerate in the FindWork dashboard. + + + + + You can now use prompts with the integration to access job listings and freelance opportunities. + + Example prompts: + * `Search for jobs in my area using /FindWork` + * `Get details about a specific job listing using /FindWork` + * `Create a job board app with /FindWork` + + + FindWork API has rate limits - implement error handling for best reliability. + + + Example prompt for optimization: + ``` + When using /FindWork, cache the job listings in my database + ``` + + + + + Your FindWork integration is ready! Use `/FindWork` in chat to access job listings and freelance opportunities. + diff --git a/integrations/firecrawl.mdx b/integrations/firecrawl.mdx new file mode 100644 index 0000000..63507fd --- /dev/null +++ b/integrations/firecrawl.mdx @@ -0,0 +1,94 @@ +--- +title: "Firecrawl" +description: "Web scraping and data extraction API" +--- + +Firecrawl API provides powerful web scraping capabilities with automatic browser rendering and data extraction. + +## Overview + + + + Sign up for a Firecrawl account + + + Generate your Firecrawl API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [firecrawl.com](https://firecrawl.com/) and click "Sign Up" + + + + + + * Sign up with email/password + * Or continue with Google authentication + + + + +## Generate API Key + + + + 1. Go to your Firecrawl dashboard + 2. Copy your API Key to use + + + Free tier has rate limits - monitor your usage + + + + + 1. Click "Generate New Key" + 2. Name your key (e.g., "Create Integration") + 3. Copy your API key + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Firecrawl" from the menu + + + + 1. Paste your API key into the "FIRECRAWL_API_KEY" field + + + Need a new key? Generate one in your Firecrawl dashboard. + + + + + You can now use prompts with the integration to scrape web data. + + Example prompts: + * `Extract product details from this URL using /Firecrawl` + * `Build a price comparison tool with /Firecrawl` + * `Create a news aggregator using /Firecrawl` + + + API has rate limits - implement caching for frequently accessed pages. + + + Example prompt for optimization: + ``` + When using /Firecrawl, cache the scraped data in my database + ``` + + + + + Your Firecrawl integration is ready! Use `/Firecrawl` in chat to scrape web data. + diff --git a/integrations/flux.mdx b/integrations/flux.mdx new file mode 100644 index 0000000..9d28fa7 --- /dev/null +++ b/integrations/flux.mdx @@ -0,0 +1,95 @@ +--- +title: "Flux" +description: "Generate images with Replicate's Flux model" +--- + +Flux is a state-of-the-art text-to-image model from Replicate that generates high-quality images from text descriptions. + +## Overview + + + + Sign up for a Replicate account + + + Generate your Replicate API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [replicate.com](https://replicate.com/) and click "Sign Up" + + + + + + * Sign up with email/password + * Or continue with GitHub authentication + + + + + +## Generate API Key + + + + 1. Go to your Replicate dashboard + 2. Click on your profile and select "API Tokens" + + + Free tier has usage limits - monitor your consumption + + + + + 1. Click "New Token" + 2. Name your token (e.g., "Create Integration") + 3. Copy your API token + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Flux" from the menu + + + + 1. Paste your API key into the "REPLICATE_API_KEY" field + + Need a new key? Generate one in your Replicate dashboard. + + + + + You can now use prompts with the integration to generate images. + + Example prompts: + * `Generate a landscape painting using /Flux` + * `Create product mockups with /Flux` + * `Build an AI art gallery using /Flux` + + + Each generation uses API credits - implement caching for frequently used prompts. + + + Example prompt for optimization: + ``` + When using /Flux, cache the generated images in my database + ``` + + + + + Your Flux integration is ready! Use `/Flux` in chat to generate images. + diff --git a/integrations/freesound.mdx b/integrations/freesound.mdx new file mode 100644 index 0000000..501b213 --- /dev/null +++ b/integrations/freesound.mdx @@ -0,0 +1,92 @@ +--- +title: "Freesound" +description: "Access a vast library of audio samples" +--- + +Freesound API provides access to a collaborative database of Creative Commons Licensed sounds. + +## Overview + + + + Sign up for a Freesound account + + + Generate your Freesound API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [freesound.org](https://freesound.org/) and click "Join" in the top right corner + + + + + + * Sign up with email/password + + + + +## Generate API Key + + + + 1. Fill out Freesound's Application Form [here](https://freesound.org/apiv2/apply/). + + + Freesound's search feature does not require a callback url. You may leave it blank. + + + + + 1. Click "Request new access credentials" + 2. Copy your API key + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Freesound" from the menu + + + + 1. Paste your API key into the "FREESOUND_API_KEY" field + + + Need a new key? Generate one in your Freesound dashboard. + + + + + You can now use prompts with the integration to access audio samples. + + Example prompts: + * `Find nature sound effects using /Freesound` + * `Add background music with /Freesound` + * `Create a sound library using /Freesound` + + + API has rate limits - implement caching for frequently used sounds. + + + Example prompt for optimization: + ``` + When using /Freesound, cache the audio files in my database + ``` + + + + + Your Freesound integration is ready! Use `/Freesound` in chat to access audio samples. + diff --git a/integrations/giphy.mdx b/integrations/giphy.mdx new file mode 100644 index 0000000..6c0be4e --- /dev/null +++ b/integrations/giphy.mdx @@ -0,0 +1,99 @@ +--- +title: "GIPHY" +description: "Access GIFs and animated content" +--- + +GIPHY API provides access to the world's largest library of GIFs, stickers, and animated content. + +## Overview + + + + Sign up for a GIPHY Developer account + + + Generate your GIPHY API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [developers.giphy.com](https://developers.giphy.com/) and click "Create an Account" + + + + + + * Sign up with email/password + * Or continue with existing GIPHY account + + + + + + +## Generate API Key + + + + 1. Go to your GIPHY Developer dashboard + 2. Click "Create an API Key" + 3. Select "API" access type + + + + Free tier has rate limits - monitor your usage + + + + + 1. Name your app (e.g., "Create Integration") + 2. Add a brief description + 3. Copy your API key + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "GIPHY" from the menu + + + + 1. Paste your API key into the "GIPHY_API_KEY" field + + + Need a new key? Generate one in your GIPHY Developer dashboard. + + + + + You can now use prompts with the integration to access GIFs. + + Example prompts: + * `Find reaction GIFs using /GIPHY` + * `Add animated stickers with /GIPHY` + * `Create a GIF picker using /GIPHY` + + + API has rate limits - implement caching for frequently accessed GIFs. + + + Example prompt for optimization: + ``` + When using /GIPHY, cache the GIF URLs in my database + ``` + + + + + Your GIPHY integration is ready! Use `/GIPHY` in chat to access GIFs. + diff --git a/integrations/google-imagen.mdx b/integrations/google-imagen.mdx new file mode 100644 index 0000000..60fa02b --- /dev/null +++ b/integrations/google-imagen.mdx @@ -0,0 +1,105 @@ +--- +title: "Google Imagen" +description: "Generate images with Google's Imagen model through Replicate's AI Models Database" +--- + +Google Imagen is a cutting-edge text-to-image model developed by Google that creates high-quality images from textual descriptions. + + Replicate requires paid credits to use their API. Please refer to their pricing [here](https://replicate.com/pricing#public-models). + +## Overview + + + + Sign up for a Replicate account + + + Generate your Replicate API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [replicate.com](https://www.replicate.com/) and click "Sign Up" in the top right corner + + + + + + * Sign up with email/password + * Or continue with GitHub authentication + + + + + +## Generate API Key + + + + 1. Click on your profile icon in the top right + 2. Select "API" from the dropdown menu + + + + + + 1. Click "Create API Key" + 2. Name your key (e.g., "Create Integration") + 3. Click "Generate" + + + + + + 1. Copy the generated API key + + + Keep your API key secure - it grants access to your paid credits + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Google Imagen" from the menu + + + + 1. Paste your API key into the "REPLICATE_API_KEY" field + + + Need a new key? Generate one in your Replicate dashboard. + + + + + You can now use prompts with the integration to generate images. + + Some examples: + * `Generate an image of a sunset over the mountains with /GoogleImagen` + * `Create a fantasy landscape with /GoogleImagen` + * `Design a futuristic cityscape using /GoogleImagen` + + + Each API call uses one credit - implement caching for frequently processed images. + + + Example prompt for optimization: + ``` + When using /GoogleImagen, cache the generated images in my database + ``` + + + + + Your Google Imagen integration is ready! Use `/GoogleImagen` in chat to generate images. + diff --git a/integrations/hackerearth.mdx b/integrations/hackerearth.mdx new file mode 100644 index 0000000..de5f53d --- /dev/null +++ b/integrations/hackerearth.mdx @@ -0,0 +1,101 @@ +--- +title: "HackerEarth" +description: "Access coding challenges and assessment tools" +--- + +HackerEarth API allows you to integrate coding assessments, challenges, and programming contests into your applications. + +## Overview + + + + Sign up for a HackerEarth account + + + Generate your HackerEarth API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [https://www.hackerearth.com/for-developers/](https://www.hackerearth.com/for-developers/) and click "Get Started" + + + + + + * Fill in your details + * Choose account type (Business/Developer) + * Complete verification process + + + +## Generate API Key + + + + 1. Log in to your HackerEarth account + 2. Navigate to the API section + + + + + + 1. Click "Generate New Key" + 2. Select the required permissions + + + + + + 1. Copy the generated API key + + + Keep your API key secure - it grants access to your HackerEarth account and quota + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "HackerEarth" from the menu + + + + 1. Paste your API key into the "HACKEREARTH_API_KEY" field + + + Need a new key? Generate one in your HackerEarth dashboard. + + + + + You can now use prompts with the integration to manage coding assessments. + + Some examples: + * `Create a coding challenge using /HackerEarth` + * `Evaluate code submissions with /HackerEarth` + * `Build an assessment platform using /HackerEarth` + + + API has rate limits - implement appropriate error handling and timeouts. + + + Example prompt for optimization: + ``` + When using /HackerEarth, cache assessment results in my database + ``` + + + + + Your HackerEarth integration is now ready! Use the `/HackerEarth` command in chat to manage coding assessments. + \ No newline at end of file diff --git a/integrations/hashtagapi.mdx b/integrations/hashtagapi.mdx new file mode 100644 index 0000000..9930b87 --- /dev/null +++ b/integrations/hashtagapi.mdx @@ -0,0 +1,99 @@ +--- +title: "Hashtag API" +description: "Access trending hashtag data and analytics" +--- + +Hashtag API provides access to trending hashtags and social media analytics through RapidAPI. + + +The Hashtag API requires a a paid subscription. Please check the pricing [here](https://rapidapi.com/mukeshsolanki1/api/hashtag5/pricing). + + +## Overview + + + + Sign up for a RapidAPI account + + + Subscribe to Hashtag API + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [rapidapi.com](https://rapidapi.com/) and click "Sign Up" + + + + + + * Go to [https://rapidapi.com/mukeshsolanki1/api/hashtag5/pricing](https://rapidapi.com/mukeshsolanki1/api/hashtag5/pricing) + * Select a subscription plan + * Complete the subscription process + + + +## Generate API Key + + + + 1. Log in to your RapidAPI account + 2. Navigate to the Hashtag API section + + + + + 1. Select any endpoints in the left column + 2. Copy the API Key + 3. Store it securely for use in your applications + + + Keep your API key secure - it grants access to your RapidAPI subscriptions + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Hashtag API" from the menu + + + + 1. Paste your RapidAPI key into the "RAPID_API_KEY" field + + + Need a new key? Find it in your RapidAPI dashboard. + + + + + You can now use prompts with the integration to access hashtag data. + + Some examples: + * `Find trending hashtags using /HashtagAPI` + * `Analyze hashtag performance with /HashtagAPI` + * `Create a social media analytics tool using /HashtagAPI` + + + API has rate limits based on your plan - implement caching for frequently accessed data. + + + Example prompt for optimization: + ``` + When using /HashtagAPI, cache the hashtag data in my database + ``` + + + + + Your Hashtag API integration is now ready! Use the `/HashtagAPI` command in chat to access hashtag analytics. + \ No newline at end of file diff --git a/integrations/heygen.mdx b/integrations/heygen.mdx new file mode 100644 index 0000000..1d7a45a --- /dev/null +++ b/integrations/heygen.mdx @@ -0,0 +1,116 @@ +--- +title: "HeyGen" +description: "Create AI-powered video content" +--- + +HeyGen API enables creation of professional AI-generated video content with customizable avatars and voices. + +## Overview + + + + Sign up for a HeyGen account + + + Generate your HeyGen API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [heygen.com](https://heygen.com/) and click "Sign Up" + + + + + + * Sign up with email/password + * Or continue with Google authentication + + + + +## Generate API Key + + + + 1. Go to your HeyGen dashboard + 2. Navigate to "API Settings" + + + Free tier has rate limits - monitor your usage + + + + + 1. Click "Generate API Key" + 2. Name your key (e.g., "Create Integration") + 3. Copy your API key + + + + + 1. Go to "Avatar Library" in your dashboard + 2. Select the avatar you want to use as a template + 3. Copy the Avatar ID from the URL or settings + + + Be sure to get the Avatar ID and not the Avatar Group ID. Sometimes Avatars have + different versions and so they are placed in a group. + + + + + 1. Go to "AI Voice Library" in your dashboard + 2. Select the voice you want to use as a template + 3. Copy the Voice ID from the URL or settings + + + The Voice ID is needed to generate videos with specific voices + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "HeyGen" from the menu + + + + 1. Paste your API key into the "HEYGEN_API_KEY" field + + + Need a new key? Generate one in your HeyGen dashboard. + + + + + You can now use prompts with the integration to create AI videos. + + Example prompts: + * `Generate a video presentation using /HeyGen` + * `Create an AI spokesperson with /HeyGen` + * `Build a video message system using /HeyGen` + + + API has rate limits - implement caching for frequently used videos. + + + Example prompt for optimization: + ``` + When using /HeyGen, cache the generated videos in my database + ``` + + + + + Your HeyGen integration is ready! Use `/HeyGen` in chat to create AI videos. + diff --git a/integrations/huggingface.mdx b/integrations/huggingface.mdx new file mode 100644 index 0000000..387f979 --- /dev/null +++ b/integrations/huggingface.mdx @@ -0,0 +1,96 @@ +--- +title: "Hugging Face" +description: "Access AI models and datasets" +--- + +Hugging Face provides access to thousands of AI models and datasets through their comprehensive API. + +## Overview + + + + Sign up for a Hugging Face account + + + Generate your Hugging Face API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [huggingface.co](https://huggingface.co/) and click "Sign Up" + + + + + + * Sign up with email/password + * Or continue with Google/GitHub authentication + + + + +## Generate API Key + + + + 1. Go to your Hugging Face settings + 2. Navigate to "Access Tokens" + + + Free tier has rate limits - monitor your usage + + + + + 1. Click "New token" + + 2. Select Read and name your token (e.g., "Create Integration") + + 3. Copy your API token + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Hugging Face" from the menu + + + + 1. Paste your API key into the "HUGGINGFACE_API_KEY" field + + + Need a new key? Generate one in your Hugging Face settings. + + + + + You can now use prompts with the integration to access AI models. + + Example prompts: + * `Generate text using /HuggingFace` + * `Classify sentiment with /HuggingFace` + * `Create an AI chatbot using /HuggingFace` + + + API has rate limits - implement caching for frequently used model outputs. + + + Example prompt for optimization: + ``` + When using /HuggingFace, cache the model outputs in my database + ``` + + + + + Your Hugging Face integration is ready! Use `/HuggingFace` in chat to access AI models. + diff --git a/integrations/ideogram.mdx b/integrations/ideogram.mdx new file mode 100644 index 0000000..89489b2 --- /dev/null +++ b/integrations/ideogram.mdx @@ -0,0 +1,92 @@ +--- +title: "Ideogram" +description: "Generate AI art and illustrations" +--- + +Ideogram API enables creation of high-quality AI-generated art and illustrations with advanced style control. + Ideogram requires a minimum balance. Please read the pricing [here](https://about.ideogram.ai/api-pricing). + +## Overview + + + + Sign up for an Ideogram account + + + Generate your Ideogram API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [ideogram.ai](https://ideogram.ai/) and click "Sign Up" + + + + + + * Sign up with email/password + * Or continue with Google authentication + + + +## Generate API Key + + + + 1. Go to your Ideogram dashboard + 2. Navigate to "API Beta" in settings + + + + + 1. Click "Generate New API Key" + 2. Name your key (e.g., "Create Integration") + 3. Copy your API key + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Ideogram" from the menu + + + + 1. Paste your API key into the "IDEOGRAM_API_KEY" field + + + Need a new key? Generate one in your Ideogram dashboard. + + + + + You can now use prompts with the integration to generate art. + + Example prompts: + * `Generate an illustration using /Ideogram` + * `Create a logo design with /Ideogram` + * `Build an AI art gallery using /Ideogram` + + + API has rate limits - implement caching for frequently used images. + + + Example prompt for optimization: + ``` + When using /Ideogram, cache the generated images in my database + ``` + + + + + Your Ideogram integration is ready! Use `/Ideogram` in chat to create AI art. + diff --git a/integrations/ilovepdf.mdx b/integrations/ilovepdf.mdx new file mode 100644 index 0000000..b10c619 --- /dev/null +++ b/integrations/ilovepdf.mdx @@ -0,0 +1,81 @@ +--- +title: "iLovePDF" +description: "Integrate iLovePDF capabilities into your application" +--- + +Connect your app to iLovePDF's API to convert URLs to PDFs. More functionality will come soon! + +## Overview + + + + Sign up and configure your iLovePDF Developer account. + + + Generate your iLovePDF API key. + + + Add your credentials to Create's secrets. + + + +## Account Setup + + + + Go to [iLovePDF Developer Portal](https://developer.ilovepdf.com/). + + + + + + Click "Register" to create a new account. + + + + + +## Generate API Key + + + + 1. In your application settings, find and copy your API key. + + + Keep your API key secure - it grants access to your iLovePDF account. + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in chat. + 2. Select "iLovePDF" from the menu. + + + + 1. Paste your API key into "ILOVEPDF_API_KEY". + + + Need new credentials? Regenerate in the iLovePDF Developer Portal. + + + + + Use prompts to implement iLovePDF features: + + * `Convert this webpage to PDF files using /iLovePDF` + * `Create a PDF document with /iLovePDF` + * `I want this webpage to PDF using /iLovePDF` + + + iLovePDF API has rate limits - implement error handling for best reliability. + + + + + + iLovePDF integration complete! Use `/iLovePDF` in chat to access PDF manipulation capabilities. + \ No newline at end of file diff --git a/integrations/ipstack.mdx b/integrations/ipstack.mdx new file mode 100644 index 0000000..d5c6eb3 --- /dev/null +++ b/integrations/ipstack.mdx @@ -0,0 +1,92 @@ +--- +title: "IPstack" +description: "Access IP geolocation data" +--- + +IPstack API provides accurate IP geolocation data, including location, timezone, and connection details, perfect for building location-aware applications. + +## Overview + + + + Sign up for an IPstack account + + + Generate your IPstack API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [ipstack.com](https://ipstack.com/) and click "Get Free API Key" + + + + + + * Fill in your email and password + * Select your plan + * Complete the verification process + + + +## Generate API Key + + + + 1. Log in to your IPstack account + 2. Your API key will be displayed on the dashboard + + + + 1. Copy the API key from your dashboard + + + Keep your API key secure - it grants access to your IPstack account and quota + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "IPstack" from the menu + + + + 1. Paste your API key into the "IPSTACK_API_KEY" field + + + Need a new key? Find it in your IPstack dashboard. + + + + + You can now use prompts with the integration to access IP geolocation data. + + Some examples: + * `Get location data for an IP using /IPstack` + * `Create a visitor tracking system with /IPstack` + * `Build a location-based service using /IPstack` + + + API has rate limits based on your plan - implement caching for frequently accessed data. + + + Example prompt for optimization: + ``` + When using /IPstack, cache the geolocation data in my database + ``` + + + + + Your IPstack integration is now ready! Use the `/IPstack` command in chat to access IP geolocation data. + \ No newline at end of file diff --git a/integrations/judgece.mdx b/integrations/judgece.mdx new file mode 100644 index 0000000..63b1eb8 --- /dev/null +++ b/integrations/judgece.mdx @@ -0,0 +1,96 @@ +--- +title: "Judge0 CE" +description: "Execute code in various programming languages" +--- + +Judge0 CE (Community Edition) API allows you to compile and execute code in multiple programming languages, making it perfect for building coding platforms and educational tools. + +## Overview + + + + Sign up for a Judge0 CE account + + + Generate your Judge0 CE API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [https://rapidapi.com/judge0-official/api/judge0-ce/pricing](https://rapidapi.com/judge0-official/api/judge0-ce/pricing) and select the pricing plan you want. + + + + + + * Fill in your name, email, and password + * Select your usage purpose + * Accept the terms of service + + + + +## Generate API Key + + + + 1. Log in to your RapidAPI account + 2. Navigate to the "API" section at [https://rapidapi.com/judge0-official/api/judge0-ce/](https://rapidapi.com/judge0-official/api/judge0-ce/) + + + + 1. Select any endpoints in the left column. + 2. Copy the API Key. + 3. Store it securely for use in your applications. + + + + Keep your API key secure - it grants access to your Rundown account and quota + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Judge0 CE" from the menu + + + + 1. Paste your API key into the "RAPID_API_KEY" field + + + Need a new key? Generate one in your Judge0 CE dashboard. + + + + + You can now use prompts with the integration to execute code. + + Some examples: + * `Execute Python code using /Judge0CE` + * `Create a coding challenge platform with /Judge0CE` + * `Build an online IDE using /Judge0CE` + + + API has execution time limits - implement appropriate timeouts. + + + Example prompt for optimization: + ``` + When using /Judge0CE, add proper error handling for code execution + ``` + + + + + Your Judge0 CE integration is now ready! Use the `/Judge0CE` command in chat to execute code. + diff --git a/integrations/kofi.mdx b/integrations/kofi.mdx new file mode 100644 index 0000000..9fc6290 --- /dev/null +++ b/integrations/kofi.mdx @@ -0,0 +1,80 @@ +--- +title: "Ko-fi Webhook" +description: "Set up webhooks to receive notifications from Ko-fi" +--- + +Ko-fi webhooks allow you to receive real-time notifications about events such as new donations, memberships, and more, enabling you to integrate these events into your applications. + +## Overview + + + + Sign up for a Ko-fi account + + + Navigate to your webhook settings in Ko-fi + + + Add your webhook URL to receive notifications + + + +## Account Creation + + + + Go to [ko-fi.com/](https://ko-fi.com/) and click "Sign Up" in the top right corner + + + + + + * Sign up with email/password + * Or continue with social media authentication + + + + +## Access Webhook Settings + + + + Go to [ko-fi.com/manage/webhooks](https://ko-fi.com/manage/webhooks) + + + +## Create New Webhook + + + + 1. Enter your webhook URL where you want to receive notifications + 2. Select the events you want to subscribe to (e.g., new donations, memberships) + + + + + + 1. Click "Save" to create your webhook + + + Ensure your server is set up to handle incoming webhook requests. + + + + +## Test Your Webhook + + + + 1. Scroll down to find different "Send Test" buttons in the webhook settings to verify your setup + + 2. Check your server logs to confirm receipt of the test notification + + Make sure your Create app is published to view test notifications from Ko-fi. + + + + + + Your Ko-fi webhook is set up! You will now receive notifications for the selected events. + diff --git a/integrations/levelsio.mdx b/integrations/levelsio.mdx new file mode 100644 index 0000000..9eb0477 --- /dev/null +++ b/integrations/levelsio.mdx @@ -0,0 +1,103 @@ +--- +title: "Levels IO" +description: "Utilize Levels IO's disposable camera AI model via Replicate's AI model database" +--- + +Replicate's AI Model Database provides access to hundreds of AI Models into your applications. + + Replicate requires paid credits to use their API. Please refer to their pricing [here](https://replicate.com/pricing#public-models). +## Overview + + + + Sign up for a Levelsio account. + + + Generate your Levelsio API key. + + + Add your API key to Create's secrets. + + + +## Account Creation + + + + Go to [replicate.com](https://www.replicate.com/) and click "Sign Up" in the top right corner + + + + + + * Sign up with email/password + * Or continue with GitHub authentication + + + + + +## Generate API Key + + + + 1. Click on your profile icon in the top right + 2. Select "API" from the dropdown menu + + + + + + 1. Click "Create API Key" + 2. Name your key (e.g., "Create Integration") + 3. Click "Generate" + + + + + + 1. Copy the generated API key + + + Keep your API key secure - it grants access to your paid credits + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Google Imagen" from the menu + + + + 1. Paste your API key into the "REPLICATE_API_KEY" field + + + Need a new key? Generate one in your Replicate dashboard. + + + + + You can now use prompts with the integration to access user data and functionalities. + + Example prompts: + * `Generate a retro-style photo using /Levelsio` + * `Apply a disposable camera filter with /Levelsio` + * `Create a nostalgic film look with /Levelsio` + + API has rate limits - implement caching for frequently accessed data. + + + Example prompt for optimization: + ``` + When using /Levelsio, cache the photo in my database + ``` + + + + + Your Levelsio integration is ready! Use `/Levelsio` in chat to access user data and functionalities. + diff --git a/integrations/line.mdx b/integrations/line.mdx new file mode 100644 index 0000000..5b842ce --- /dev/null +++ b/integrations/line.mdx @@ -0,0 +1,191 @@ +--- +title: "LINE" +description: "Integrate LINE messaging capabilities into your application" +--- + +Connect your app to LINE's messaging platform to send notifications, build chatbots, and interact with users through LINE's popular messaging service. + +Watch this step-by-step video tutorial to learn how to integrate LINE messaging: + + + +## Overview + + + + Sign up and configure your LINE Account Manager, LINE Official Account, and LINE Developer Account. + + + Create a LINE channel and obtain API keys + + + Turn on these settings to have the best experience with LINE + + + Add your credentials to Create's secrets + + + +## Account Setup + + + + Go to https://manager.line.biz/ and sign up with your account + + + + + + Click "Create LINE official account" to continue + + + + + + Once your account is created, you may now visit LINE Developer and click Log in to Console to link your LINE Official Account. + + + + + +## Generate API Credentials + + + + Click on "Create a new provider" to generate a provider for your Channel. + + + + + Now go back to your LINE Official Account Manager. In the top right corner, click on "Setting". Then, on the left panel, select "Messaging API" and "Enable Messaging API". Be sure to select the provider mentioned previously. + + + These credentials grant full access to your LINE channel - keep them private + + + + + Find your webhook URL path in the Page and Function Settings under the Publish button. Copy the URL of your Create project's live site and API path into the webhook URL. + + + + + Input your webhook URL in your LINE Official Account Manager. It should be in the format of https:// your-create-project-url.created.app/api/line-messaging. + + + The function path "api/line-messaging" may be changed as well. If so, you may need to update the function path in your LINE Developer Console to match the function path in your Create project. + + + + + You may copy your Channel Secret Token here as well. + + + + + Get your Channel Access Token by going to your LINE Developer Account > Provider Name > Messaging API > Scroll all the way down + + + + + Enter and save your API tokens in Create + + + + +## Verify Settings + + + + After publishing your project, you may verify your webhook URL by going to your LINE Developer Console > Provider > Channel > Messaging API

+ If you see a success message, your webhook URL is verified. Otherwise, you may need to check your webhook URL/function and try again. + + + + + Enable Chatbot Settings by going to your LINE Official Account Manager > Settings(Top Right) > Response Settings + + + + + Allow your chatbot to join group chats by going to your LINE Official Account Manager > Settings(Top Right) > Account Settings + + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in chat + 2. Select "Line" from the menu + + + + 1. Paste Channel Secret into "LINE_CHANNEL_SECRET" + 2. Paste Access Token into "LINE_ACCESS_TOKEN" + + + Need new credentials? Regenerate in LINE Developer Console. + + + + + Use prompts to implement LINE features: + + * `Send order confirmation via /Line` + * `Build a chatbot that uses /Line for customer support` + * `Create a broadcast system with /Line` + + + LINE API has rate limits - implement error handling for best reliability + + + + + + LINE integration complete! Use `/Line` in chat to access messaging capabilities. + + +## Frequently Asked Questions + + + + LINE Messaging API allows you to send messages, build chatbots, and interact with users through LINE's messaging platform. It's particularly popular in Asia and great for customer engagement. + + + + Yes, you need a LINE Business/Developer Account to access the Messaging API. The basic account is free and sufficient for testing and development. + + + + The webhook works by sending LINE encrypted messages to your Create project's function URL when a message is typed in the Line app. This message triggers Function(s) that can send messages back to the user. + + + + You can build: + - Customer service chatbots + - Order notification systems + - Broadcast messaging tools + - Interactive marketing campaigns + - Automated response systems + + + + Yes, LINE has API rate limits and message quotas. Free accounts have lower limits than paid business accounts. Check Line's official documentation for current limits. + + + + Yes, you can test your LINE integration by verifying your webhook URL returns a success message. Followed by talking to your bot on LINE to test the integration. + Additonally, you may test responses from your bot by asking the AI chat to print the response and using the Function test runner. + + diff --git a/integrations/logmeal.mdx b/integrations/logmeal.mdx new file mode 100644 index 0000000..23b7928 --- /dev/null +++ b/integrations/logmeal.mdx @@ -0,0 +1,96 @@ +--- +title: "LogMeal" +description: "Analyze food images with AI" +--- + +LogMeal uses advanced AI to identify and analyze food in images, providing detailed nutritional information. + +## Overview + + + + Sign up for a LogMeal account + + + Generate your LogMeal API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [logmeal.com/](https://logmeal.com/) and click "Sign Up" in the top right corner + + + + + + * Sign up with email/password + * Or continue with Google authentication + + + + + +## Generate API Key + + + + 1. Click on your profile in the top right + 2. Select "API Access" from the menu + + + + + + 1. Copy the generated API key + 2. Store it securely - you won't be able to see it again + + + Keep your API key secure - it grants access to your paid credits + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "LogMeal" from the menu + + + + 1. Paste your API key into the "LOGMEAL_API_KEY" field + + + Need a new key? Generate one in your LogMeal dashboard. + + + + + You can now use prompts with the integration to analyze food images. + + Example prompts: + * `Analyze this food photo with /LogMeal` + * `Get nutritional information for this meal using /LogMeal` + * `Create a food diary that uses /LogMeal for image analysis` + + + Each API call uses one credit - implement caching for frequently analyzed images. + + + Example prompt for optimization: + ``` + When using /LogMeal, cache the analysis results in my database + ``` + + + + + Your LogMeal integration is ready! Use `/LogMeal` in chat to analyze food images. + diff --git a/integrations/luma.mdx b/integrations/luma.mdx new file mode 100644 index 0000000..0a73839 --- /dev/null +++ b/integrations/luma.mdx @@ -0,0 +1,97 @@ +--- +title: "Luma" +description: "Add calendar and event management" +--- + +Luma API enables you to create and manage events, handle registrations, and embed calendar functionality in your app. + Luma requires a Luma Plus premium plan to use their API. Please refer to their pricing [here](https://lu.ma/pricing). + +## Overview + + + + Sign up for a Luma account + + + Generate your Luma API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [lu.ma](https://lu.ma) and click "Sign Up" in the top right corner + + + + + + * Sign up with email/password + * Or continue with Google authentication + + + + +## Generate API Key + + + + 1. Go to your Luma dashboard + 2. Create a Calendar + + + Free tier has rate limits - monitor your usage + + + + + 1. Navigate to "Options" > "API Keys" + 2. Click "Generate New API Key" + 3. Name your key (e.g., "Create Integration") + 4. Copy your API key + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Luma" from the menu + + + + 1. Paste your API key into the "LUMA_API_KEY" field + + + Need a new key? Generate one in your Luma dashboard. + + + + + You can now use prompts with the integration to manage events and calendars. + + Example prompts: + * `Add a calendar view using /Luma` + * `Create an event registration form with /Luma` + * `Build an event management dashboard using /Luma` + + + API has rate limits - implement caching for frequently accessed events. + + + Example prompt for optimization: + ``` + When using /Luma, cache the event data in my database + ``` + + + + + Your Luma integration is ready! Use `/Luma` in chat to manage events and calendars. + diff --git a/integrations/minimax.mdx b/integrations/minimax.mdx new file mode 100644 index 0000000..d00d1f3 --- /dev/null +++ b/integrations/minimax.mdx @@ -0,0 +1,100 @@ +--- +title: "Minimax" +description: "Integrate Minimax video generation capabilities using Replicate's AI Model Database into your application" +--- + +Minimax provides advanced features for generating videos using AI models from Replicate. + + Replicate requires paid credits to use their API. Please refer to their pricing [here](https://replicate.com/pricing#public-models). + +## Overview + + + + Sign up for a Replicate account. + + + Generate your Replicate API key. + + + Add your credentials to Create's secrets. + + + +## Account Creation + + + + Go to [replicate.com](https://www.replicate.com/) and click "Sign Up" in the top right corner. + + + + + + * Sign up with email/password. + * Or continue with GitHub authentication. + + + + + +## Generate API Key + + + + 1. Click on your profile icon in the top right. + 2. Select "API" from the dropdown menu. + + + + + + 1. Click "Create API Key." + 2. Name your key (e.g., "Minimax Integration"). + 3. Click "Generate." + + + + + + 1. Copy the generated API key. + 2. Store it securely - you won't be able to see it again. + + + Keep your API key secure - it grants access to your paid credits. + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in chat. + 2. Select "Minimax" from the menu. + + + + 1. Paste your API key into "MINIMAX_API_KEY." + + + Need new credentials? Regenerate in the Replicate Developer Portal. + + + + + Use prompts to implement Minimax features: + + * `Generate videos using /Minimax` + * `Create personalized video content with /Minimax` + * `Analyze video data using /Minimax` + + + Minimax API has rate limits - implement error handling for best reliability. + + + + + + Minimax integration complete! Use `/Minimax` in chat to access video generation capabilities. + \ No newline at end of file diff --git a/integrations/moviesdb.mdx b/integrations/moviesdb.mdx new file mode 100644 index 0000000..f1bd977 --- /dev/null +++ b/integrations/moviesdb.mdx @@ -0,0 +1,99 @@ +--- +title: "TMDB - The Movie Database" +description: "Access comprehensive movie and TV show data" +--- + +MovieDB provides detailed information about movies, TV shows, cast, and crew through its extensive entertainment database. + +## Overview + + + + Sign up for a MovieDB account + + + Generate your MovieDB API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [themoviedb.org](https://www.themoviedb.org/) and click "Join TMDb" + + + + + + * Choose username and password + * Verify your email address + + + + +## Generate API Key + + + + 1. Go to your account settings + 2. Navigate to "API" section + + + + + + 1. Click "Create New API Key" + 2. Accept the terms of service + 3. Generate API credential + + + + + + 1. Copy the API key (v3 auth) + 2. Store it securely + + + + Never expose this key in client-side code + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in chat + 2. Select "MovieDB" from the menu + + + + 1. Paste your MovieDB API key into "MOVIEDB_API_KEY" secret + + + Need a new key? Regenerate in your MovieDB API settings. + + + + + Use prompts to access entertainment data: + + * `Show details for The Dark Knight using /MovieDB` + * `Build a movie recommendation app with /MovieDB` + * `Create a TV show watchlist with /MovieDB` + * `Display cast photos for Stranger Things via /MovieDB` + + + API responses are live data - cache results for better performance + + + + + + MovieDB integration complete! Use `/TMDb` in chat to access entertainment data. + diff --git a/integrations/neverbounce.mdx b/integrations/neverbounce.mdx new file mode 100644 index 0000000..e898d57 --- /dev/null +++ b/integrations/neverbounce.mdx @@ -0,0 +1,86 @@ +--- +title: "NeverBounce" +description: "Verify email addresses in real-time" +--- + +NeverBounce helps you validate email addresses to improve deliverability and protect your sender reputation. + +## Overview + + + + Sign up for a NeverBounce account + + + Generate your NeverBounce API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [neverbounce.com](https://neverbounce.com/) and click "Register" in the top right corner + + + + + * Sign up with email/password + * Or continue with Google/GitHub authentication + + + +## Generate API Key + + + + 1. Click on "Integrations" in your navigation bar + 2. Select "Custom Integrations" from the menu + + + Keep your API key secure - it grants full access to your NeverBounce account + + + + + 1. Copy the generated key + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "NeverBounce" from the menu + + + + 1. Paste your NeverBounce API key into the "NEVERBOUNCE_API_KEY" field + + + Need a new key? Generate one in your NeverBounce dashboard. + + + + + You can now use prompts with the integration to validate emails. + + Example prompts: + * `Validate this email list using /NeverBounce` + * `Add email validation to my signup form with /NeverBounce` + * `Clean my contact database with /NeverBounce` + + + NeverBounce charges per validation - implement rate limiting and error handling for production use. + + + + + + Your NeverBounce integration is ready! Use `/NeverBounce` in chat to validate emails. + diff --git a/integrations/newsapi.mdx b/integrations/newsapi.mdx new file mode 100644 index 0000000..cf86790 --- /dev/null +++ b/integrations/newsapi.mdx @@ -0,0 +1,96 @@ +--- +title: "News API" +description: "Access global news articles and headlines" +--- + +News API provides access to breaking news headlines and historical articles from over 80,000 sources worldwide. + +## Overview + + + + Sign up for a News API account + + + Generate your News API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [newsapi.org](https://newsapi.org/) and click "Get API Key" in the top right corner + + + + + + * Fill in your name, email, and password + * Select your usage purpose (personal/academic/business) + * Accept the terms and conditions + + + + + +## Generate API Key + + + + 1. After registration, you'll be redirected to your account page + 2. Your API key will be displayed on the dashboard + + + + + 1. Copy the API key from your dashboard + 2. Keep this key secure for use in your applications + + + Keep your API key secure - it grants access to your News API quota + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "News API" from the menu + + + + 1. Paste your News API key into the "NEWS_API_KEY" field + + + Need a new key? You can find it in your News API dashboard. + + + + + You can now use prompts with the integration to access news articles and headlines. + + Some examples: + * `Get the latest technology news with /NewsAPI` + * `Find articles about climate change using /NewsAPI` + * `Create a news aggregator app with /NewsAPI` + + + Free tier has limitations (100 requests/day, no historical data) - consider upgrading for production use. + + + Example prompt for optimization: + ``` + When using /NewsAPI, cache the news articles in my database to reduce API calls + ``` + + + + + Your News API integration is now ready! Use the `/NewsAPI` command in chat to access global news. + diff --git a/integrations/nutritionix.mdx b/integrations/nutritionix.mdx new file mode 100644 index 0000000..5a5d89e --- /dev/null +++ b/integrations/nutritionix.mdx @@ -0,0 +1,95 @@ +--- +title: "Nutritionix" +description: "Access nutrition data and food information" +--- + +Nutritionix API provides comprehensive access to nutrition data, food information, and calorie tracking capabilities. + +## Overview + + + + Sign up for a Nutritionix account + + + Generate your Nutritionix API keys + + + Add your API keys to Create's secrets + + + +## Account Creation + + + + Go to [developer.nutritionix.com](https://developer.nutritionix.com/) and click "Sign Up" + + + + + + * Sign up with email/password + * Fill in your developer information + + + + +## Generate API Keys + + + + 1. Go to your Nutritionix dashboard + 2. Navigate to "Applications" + + + Free tier has rate limits - monitor your usage + + + + + 1. Your Application ID and API Key will be displayed + 2. Copy both keys + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Nutritionix" from the menu + + + + 1. Paste your Application ID into the "NUTRITIONIX_APP_ID" field + 2. Paste your API Key into the "NUTRITIONIX_API_KEY" field + + + Need new keys? Generate them in your Nutritionix dashboard. + + + + + You can now use prompts with the integration to access nutrition data. + + Example prompts: + * `Get nutrition info for an apple using /Nutritionix` + * `Track calories with /Nutritionix` + * `Create a meal planner using /Nutritionix` + + + API has rate limits - implement caching for frequently accessed foods. + + + Example prompt for optimization: + ``` + When using /Nutritionix, cache the nutrition data in my database + ``` + + + + + Your Nutritionix integration is ready! Use `/Nutritionix` in chat to access nutrition data. + diff --git a/integrations/nytimes.mdx b/integrations/nytimes.mdx new file mode 100644 index 0000000..d5c44b8 --- /dev/null +++ b/integrations/nytimes.mdx @@ -0,0 +1,117 @@ +--- +title: "New York Times" +description: "Access articles, reviews, and data from The New York Times" +--- + +The New York Times API provides access to articles, book and movie reviews, bestseller lists, and other content from one of the world's leading news sources. + +## Overview + + + + Sign up for a NYTimes Developer account + + + Generate your NYTimes API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [developer.nytimes.com](https://developer.nytimes.com/) and click "Sign In" in the top right corner + + + + + + * Fill in your email, password, and personal information + * Accept the terms of service + * Verify your email address + + + + + +## Generate API Key + + + + 1. Log in to your NYTimes Developer account + 2. Navigate to "Apps" in your dashboard + 3. Click "New App" button + + + + + + 1. Enter a name for your application + 2. Select which APIs you need access to (e.g., Article Search, Top Stories) + 3. Provide a brief description of your application + + + + + + 1. After creating your app, you'll receive your API key + 2. Copy the secret API key from your app details page + + + Keep your API key secure - it grants access to your NYTimes API quota + + + + +## Troubleshooting + + + + 1.If you are getting unauthorized errors, you may need to visit each API to manually authorize. + 2. Go back to [https://developer.nytimes.com/apis](https://developer.nytimes.com/apis). + 3. For each API that your app enabled, visit their respective API Pages and click Authorize in the top right corner. + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "NYTimes" from the menu + + + + 1. Paste your NYTimes API key into the "NYTIMES_API_KEY" field + + + Need a new key? Generate one in your NYTimes Developer dashboard. + + + + + You can now use prompts with the integration to access NYTimes content. + + Some examples: + * `Get the latest top stories using /NYTimes` + * `Search for articles about climate change with /NYTimes` + * `Create a news aggregator using /NYTimes` + + + NYTimes API has rate limits - implement caching for frequently accessed data. + + + Example prompt for optimization: + ``` + When using /NYTimes, cache the article data in my database + ``` + + + + + Your New York Times integration is now ready! Use the `/NYTimes` command in chat to access articles and content. + \ No newline at end of file diff --git a/integrations/openlibrary.mdx b/integrations/openlibrary.mdx new file mode 100644 index 0000000..c99b5ba --- /dev/null +++ b/integrations/openlibrary.mdx @@ -0,0 +1,65 @@ +--- +title: "OpenLibrary" +description: "Access books and library data" +--- + +OpenLibrary provides access to millions of books, their metadata, and library information. + + OpenLibrary does not require an API key. + + +## Overview + + + + Sign up for an OpenLibrary account + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [openlibrary.org](https://openlibrary.org/) and click "Sign Up" in the top right corner + + + + + + * Sign up with email/password + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "OpenLibrary" from the menu + + + + You can now use prompts with the integration to access book data. + + Example prompts: + * `Search for books about AI with /OpenLibrary` + * `Get details about this book using /OpenLibrary` + * `Create a reading list app with /OpenLibrary` + + + API has rate limits - implement caching for frequently accessed data. + + + Example prompt for optimization: + ``` + When using /OpenLibrary, cache the book details in my database + ``` + + + + + Your OpenLibrary integration is ready! Use `/OpenLibrary` in chat to access book data. + diff --git a/integrations/perplexity.mdx b/integrations/perplexity.mdx new file mode 100644 index 0000000..004d6c1 --- /dev/null +++ b/integrations/perplexity.mdx @@ -0,0 +1,104 @@ +--- +title: "Perplexity" +description: "Access AI-powered question answering and research" +--- + +Perplexity API provides advanced question answering and research capabilities powered by AI. + + +Perplexity AI's Sonar model requires a a paid top-up balance. Please check the pricing [here](https://docs.perplexity.ai/guides/pricing). + + +## Overview + + + + Sign up for a Perplexity account + + + Generate your Perplexity API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [perplexity.ai](https://perplexity.ai/) and click "Sign Up" + + + + + + * Fill in your email and password + * Complete the verification process + + + +## Generate API Key + + + + 1. Log in to your Perplexity account + 2. Navigate to the API section + + + + + + 1. Click "Generate New Key" + 2. Name your key (e.g., "Create Integration") + + + + + + 1. Copy the generated API key + + + Keep your API key secure - it grants access to your Perplexity account and quota + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Perplexity" from the menu + + + + 1. Paste your API key into the "PERPLEXITY_API_KEY" field + + + Need a new key? Generate one in your Perplexity dashboard. + + + + + You can now use prompts with the integration to access AI research capabilities. + + Some examples: + * `Research this topic using /Perplexity` + * `Answer complex questions with /Perplexity` + * `Create a research assistant using /Perplexity` + + + API has rate limits based on your plan - implement caching for frequently accessed queries. + + + Example prompt for optimization: + ``` + When using /Perplexity, cache the research results in my database + ``` + + + + + Your Perplexity integration is now ready! Use the `/Perplexity` command in chat to access AI research capabilities. + \ No newline at end of file diff --git a/integrations/petfinder.mdx b/integrations/petfinder.mdx new file mode 100644 index 0000000..36a3383 --- /dev/null +++ b/integrations/petfinder.mdx @@ -0,0 +1,107 @@ +--- +title: "Petfinder" +description: "Access pet adoption data and information" +--- + +Petfinder provides access to a comprehensive database of adoptable pets, shelters, and rescue organizations. + +## Overview + + + + Sign up for a Petfinder account. + + + Generate your Petfinder API key. + + + Add your API key to Create's secrets. + + + +## Account Creation + + + + Go to [petfinder.com/developer](https://www.petfinder.com/developer) and click "Sign Up" in the top right corner. + + + + + + * Sign up with email/password. + * Or continue with social media authentication. + + + + If the website isn't logging you in properly, please click "Request Elevated Access". + + + + +## Generate API Key + + + + 1. Log in to your Petfinder account. + 2. Navigate to the Developer Settings section in your account settings. + + + + + + 1. Click "Create API Key." + 2. Name your key (e.g., "Create Integration"). + 3. Click "Generate." + + + + + + 1. Copy the generated API key. + 2. Store it securely - you won't be able to see it again. + + + Keep your API key secure - it grants access to your account data. + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in chat. + 2. Select "Petfinder" from the menu. + + + + 1. Paste your API key into "PETFINDER_API_KEY." + + + Need new credentials? Regenerate in the Petfinder dashboard. + + + + + You can now use prompts with the integration to access pet adoption data. + + Example prompts: + * `Find adoptable pets in my area using /Petfinder` + * `Get details about a specific pet using /Petfinder` + * `Create a pet adoption app with /Petfinder` + + + Petfinder API has rate limits - implement error handling for best reliability. + + + Example prompt for optimization: + ``` + When using /Petfinder, cache the pet details in my database + ``` + + + + + Your Petfinder integration is ready! Use `/Petfinder` in chat to access pet adoption data. + diff --git a/integrations/pexels.mdx b/integrations/pexels.mdx new file mode 100644 index 0000000..84ee5b0 --- /dev/null +++ b/integrations/pexels.mdx @@ -0,0 +1,100 @@ +--- +title: "Pexels" +description: "Add beautiful stock photos" +--- + +Pexels lets you find and use beautiful stock photos in your project. + +## Overview + + + + Sign up for a Pexels account + + + Generate your Pexels API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [pexels.com](https://www.pexels.com/) and click "Join" in the top right corner + + + + + + * Sign up with email/password + * Or continue with Google authentication + + + +## Generate API Key + + + + 1. Click the three-dot menu next to your profile avatar + 2. Select "Images & Video API" from the dropdown + + + + + + 1. Click "Your API Key" button + 2. Generate new token for Create integration + + + + + + + + 1. Copy the generated API key + 2. You can find this key again from your Pexels dashboard + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Pexels" from the menu and send a messsage + + + + 1. Paste your Pexels API key into the "Pexels API Key" field + + + Need a new key? Contact [Pexels support](mailto:api@pexels.com). + + + + + You can now use prompts with the integration to add stock photos. + + Some examples: + * `Make the homepage banner a photo of a retailer with /Pexels` + * `Find me a photo of a dog playing fetch with /Pexels and add it` + * `Make a gallery of product images with /Pexels` + + + Pexels content is dynamically generated - save image URLs to your + database or component state to persist them between sessions. + + + Example prompt for saving: + ``` + When using /Pexels, save the image URLs to my database + ``` + + + + + Your Pexels integration is now ready! Use the `/Pexels` command in chat to add stock photos. + \ No newline at end of file diff --git a/integrations/pixabay.mdx b/integrations/pixabay.mdx new file mode 100644 index 0000000..c9eb662 --- /dev/null +++ b/integrations/pixabay.mdx @@ -0,0 +1,104 @@ +--- +title: "Pixabay" +description: "Access high-quality images and videos from Pixabay" +--- + +Pixabay provides access to a vast collection of free images and videos for personal and commercial use. + +## Overview + + + + Sign up for a Pixabay account. + + + Generate your Pixabay API key. + + + Add your API key to Create's secrets. + + + +## Account Creation + + + + Go to [pixabay.com/api/docs](https://pixabay.com/api/docs/) and click "Join" in the top right corner. + + + + + + * Sign up with email/password. + * Or continue with social media authentication. + + + + + +## Generate API Key + + + + 1. Log in to your Pixabay account. + 2. Navigate to the API section in your account settings. + + + + + + 1. Click "Create API Key." + 2. Name your key (e.g., "Create Integration"). + 3. Click "Generate." + + + + + + 1. Copy the generated API key. + 2. Store it securely - you won't be able to see it again. + + + Keep your API key secure - it grants access to your account data. + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in chat. + 2. Select "Pixabay" from the menu. + + + + 1. Paste your API key into "PIXABAY_API_KEY." + + + Need new credentials? Regenerate in the Pixabay dashboard. + + + + + You can now use prompts with the integration to access images and videos. + + Example prompts: + * `Search for images of cats using /Pixabay` + * `Get a random image using /Pixabay` + * `Create a gallery app with /Pixabay` + + + Pixabay API has rate limits - implement error handling for best reliability. + + + Example prompt for optimization: + ``` + When using /Pixabay, cache the image results in my database + ``` + + + + + Your Pixabay integration is ready! Use `/Pixabay` in chat to access images and videos. + diff --git a/integrations/pokeapi.mdx b/integrations/pokeapi.mdx new file mode 100644 index 0000000..116fafc --- /dev/null +++ b/integrations/pokeapi.mdx @@ -0,0 +1,51 @@ +--- +title: "PokéAPI" +description: "Access Pokémon data and information" +--- + +PokéAPI provides comprehensive data about Pokémon, including stats, abilities, and evolution chains. + + PokéAPI is free and does not require an API key. + + +## Overview + + + + No account needed + + + Ready to use immediately + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "PokéAPI" from the menu + + + + You can now use prompts with the integration to access Pokémon data. + + Example prompts: + * `Get details about Pikachu using /PokeAPI` + * `Create a Pokédex app with /PokeAPI` + * `List all fire-type Pokemon using /PokeAPI` + + + API has rate limits - implement caching for frequently accessed data. + + + Example prompt for optimization: + ``` + When using /PokeAPI, cache the Pokemon details in my database + ``` + + + + + Your PokéAPI integration is ready! Use `/PokeAPI` in chat to access Pokémon data. + diff --git a/integrations/polygonio.mdx b/integrations/polygonio.mdx new file mode 100644 index 0000000..127e5f9 --- /dev/null +++ b/integrations/polygonio.mdx @@ -0,0 +1,101 @@ +--- +title: "Polygon.io" +description: "Access financial market data and stock information" +--- + +Polygon.io provides real-time and historical financial market data, including stocks, cryptocurrencies, and forex data. + +## Overview + + + + Sign up for a Polygon.io account + + + Generate your Polygon.io API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [polygon.io](https://polygon.io/) and click "Get Started" + + + + + + * Select your subscription plan + * Fill in your details + * Complete the registration process + + + +## Generate API Key + + + + 1. Log in to your Polygon.io account + 2. Navigate to the Keys section + + + + + + 1. Click "Copy" to copy your API Key + 2. If you need to regenerate an API Key, click "Regenerate" + + + + + + 1. Copy the generated API key + + + Keep your API key secure - it grants access to your Polygon.io account and quota + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Polygon.io" from the menu + + + + 1. Paste your API key into the "POLYGONIO_API_KEY" field + + + Need a new key? Generate one in your Polygon.io dashboard. + + + + + You can now use prompts with the integration to access financial data. + + Some examples: + * `Get real-time stock prices using /Polygonio` + * `Fetch historical market data with /Polygonio` + * `Create a financial dashboard using /Polygonio` + + + API has rate limits based on your plan - implement caching for frequently accessed data. + + + Example prompt for optimization: + ``` + When using /Polygonio, cache the market data in my database + ``` + + + + + Your Polygon.io integration is now ready! Use the `/Polygonio` command in chat to access financial data. + \ No newline at end of file diff --git a/integrations/rentcast.mdx b/integrations/rentcast.mdx new file mode 100644 index 0000000..cc174fe --- /dev/null +++ b/integrations/rentcast.mdx @@ -0,0 +1,97 @@ +--- +title: "Rentcast" +description: "Access real estate and rental market data" +--- + +Rentcast API provides comprehensive access to real estate data, rental market insights, and property analytics. + + Rentcast requires credit card signup for overage fees in the free tier access + +## Overview + + + + Sign up for a Rentcast account + + + Generate your Rentcast API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [rentcast.io/api](https://rentcast.io/api) and click "Start for Free" + + + + + + * Sign up with email/password + * Or continue with Google authentication + + + + +## Generate API Key + + + + 1. Go to your Rentcast dashboard + 2. Scroll down to the "API" section + + + + Free tier has rate limits - monitor your usage + + + + + 1. Click "Generate API Key" + 2. Name your key (e.g., "Create Integration") + 3. Copy your API key + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Rentcast" from the menu + + + + 1. Paste your API key into the "RENTCAST_API_KEY" field + + + Need a new key? Generate one in your Rentcast dashboard. + + + + + You can now use prompts with the integration to access real estate data. + + Example prompts: + * `Get rental market data for San Francisco using /Rentcast` + * `Analyze property values with /Rentcast` + * `Create a real estate analytics dashboard using /Rentcast` + + + API has rate limits - implement caching for frequently accessed data. + + + Example prompt for optimization: + ``` + When using /Rentcast, cache the market data in my database + ``` + + + + + Your Rentcast integration is ready! Use `/Rentcast` in chat to access real estate data. + diff --git a/integrations/replicate-flux.mdx b/integrations/replicate-flux.mdx new file mode 100644 index 0000000..802a5e1 --- /dev/null +++ b/integrations/replicate-flux.mdx @@ -0,0 +1,91 @@ +--- +title: "Replicate Flux" +description: "Generate images with Replicate's Flux or Flux Pro model" +--- + +Flux is a state-of-the-art text-to-image model from Replicate that generates high-quality images from text descriptions. + + Replicate requires paid credits to use their API. Please refer to their pricing [here](https://replicate.com/pricing#public-models). +## Overview + + + + Sign up for a Replicate account + + + Generate your Replicate API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [replicate.com](https://replicate.com/) and click "Sign Up" + + + + * Sign up with email/password + * Or continue with GitHub authentication + + + + +## Generate API Key + + + + 1. Go to your Replicate dashboard + 2. Click on your profile and select "API Tokens" + + + + + 1. Click "New Token" + 2. Name your token (e.g., "Create Integration") + 3. Copy your API token + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Replicate Flux" from the menu + + + + 1. Paste your API key into the "REPLICATE_API_KEY" field + + + Need a new key? Generate one in your Replicate dashboard. + + + + + You can now use prompts with the integration to generate images. + + Example prompts: + * `Generate a landscape painting using /ReplicateFlux` + * `Create product mockups with /ReplicateFlux` + * `Build an AI art gallery using /ReplicateFlux` + + + Each generation uses API credits - implement caching for frequently used prompts. + + + Example prompt for optimization: + ``` + When using /ReplicateFlux, cache the generated images in my database + ``` + + + + + Your Replicate Flux integration is ready! Use `/ReplicateFlux` in chat to generate images. + diff --git a/integrations/resend.mdx b/integrations/resend.mdx new file mode 100644 index 0000000..f6362de --- /dev/null +++ b/integrations/resend.mdx @@ -0,0 +1,119 @@ +--- +title: "Resend" +description: "Add email sending capabilities to your application" +--- + +Resend provides reliable email delivery and tracking for your application's email needs. + + + To send emails from a registered domain, you must verify your domain in Resend.\ + + Please follow the official Resend guide [here](https://resend.com/docs/dashboard/domains/introduction). + + +## Overview + + + + Sign up for a Resend account + + + Generate your Resend API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [resend.com](https://resend.com/) and click "Get Started" + + + + + - Sign up with email/password + - Verify your email address + + + + + +## Generate API Key + + + + If this is your first time generating an API key, this Get Started page will show.\ + + Otherwise, navigate to the API Keys page. + + 1. Click "Add an API Key" + + + + + 1. Copy the API key + 2. Store it securely + 3. Test the key by sending a test email + + + + + This key will only be shown once - save it immediately + + + + +## Add to Create Project + + + + 1. In your Anything Project Settings, go to Saved Secrets + 2. Click "Add new secret" + + + 1. Name the new secret "RESEND_API_KEY" + 2. Paste your Resend API key into the Secret Value field + + + Need a new key? Regenerate in Resend dashboard. + + + + Use prompts to implement email features: + + - `Send welcome email to new users with /Resend` + - `Build a password reset flow using /Resend` + - `Create a newsletter system with /Resend` + + + Resend has daily sending limits - monitor usage in their dashboard + + + + + + Resend integration complete\! Use `/Resend` in chat to access email capabilities. + diff --git a/integrations/rundown.mdx b/integrations/rundown.mdx new file mode 100644 index 0000000..1793a77 --- /dev/null +++ b/integrations/rundown.mdx @@ -0,0 +1,97 @@ +--- +title: "Rundown" +description: "Access sports data and statistics" +--- + +Rundown API provides access to comprehensive sports data, including scores, schedules, standings, and statistics for various sports leagues. + +## Overview + + + + Sign up for a Rundown account + + + Generate your Rundown API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [https://rapidapi.com/therundown/api/therundown/pricing](https://rapidapi.com/therundown/api/therundown/pricing) and select the pricing plan you want. + + + + + + * Fill in your name, email, and password + * Select your usage purpose + * Accept the terms of service + + + + + +## Generate API Key + + + + 1. Log in to your RapidAPI account + 2. Navigate to the "API" section at [https://rapidapi.com/therundown/api/therundown](https://rapidapi.com/therundown/api/therundown) + + + + 1. Select any endpoints in the left column. + 2. Copy the API Key. + 3. Store it securely for use in your applications. + + + + Keep your API key secure - it grants access to your Rundown account and quota + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Rundown" from the menu + + + + 1. Paste your Rundown API key into the "RAPID_API_KEY" field + + + Need a new key? Generate one in your Rundown dashboard. + + + + + You can now use prompts with the integration to access sports data. + + Some examples: + * `Get today's NBA schedule using /Rundown` + * `Show NFL standings with /Rundown` + * `Create a sports dashboard using /Rundown` + + + API has rate limits based on your plan - implement caching for frequently accessed data. + + + Example prompt for optimization: + ``` + When using /Rundown, cache the sports data in my database + ``` + + + + + Your Rundown integration is now ready! Use the `/Rundown` command in chat to access sports data. + diff --git a/integrations/screenshot-layer.mdx b/integrations/screenshot-layer.mdx new file mode 100644 index 0000000..397a10a --- /dev/null +++ b/integrations/screenshot-layer.mdx @@ -0,0 +1,102 @@ +--- +title: "Screenshot Layer" +description: "Capture screenshots of any website" +--- + +Screenshot Layer API allows you to capture high-quality screenshots of any website, enabling you to integrate visual web captures into your applications. + +## Overview + + + + Sign up for a Screenshot Layer account + + + Generate your Screenshot Layer API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [screenshotlayer.com](https://screenshotlayer.com/) and click "Sign Up" in the top right corner + + + + + + * Select a plan that fits your needs + * Fill in your registration details + * Complete the signup process + + + + + +## Generate API Key + + + + 1. Log in to your Screenshot Layer account + 2. Navigate to the "Dashboard" section + + + + + 1. Your API key will be displayed on the dashboard + 2. Copy the API key for use in your applications + + + + + + 1. Keep your API key secure + + + Your API key grants access to your Screenshot Layer account and quota + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Screenshot Layer" from the menu + + + + 1. Paste your Screenshot Layer API key into the "SCREENSHOT_LAYER_API_KEY" field + + + Need a new key? You can find it in your Screenshot Layer dashboard. + + + + + You can now use prompts with the integration to capture website screenshots. + + Some examples: + * `Capture a screenshot of this website using /ScreenshotLayer` + * `Create a website preview tool with /ScreenshotLayer` + * `Build a web archiving app using /ScreenshotLayer` + + + API has rate limits based on your plan - implement caching for frequently accessed screenshots. + + + Example prompt for optimization: + ``` + When using /ScreenshotLayer, cache the screenshots in my database + ``` + + + + + Your Screenshot Layer integration is now ready! Use the `/ScreenshotLayer` command in chat to capture website screenshots. + diff --git a/integrations/sfmta.mdx b/integrations/sfmta.mdx new file mode 100644 index 0000000..fba87b1 --- /dev/null +++ b/integrations/sfmta.mdx @@ -0,0 +1,88 @@ +--- +title: "SFMTA" +description: "Access San Francisco transit data" +--- + +SFMTA (San Francisco Municipal Transportation Agency) API provides access to real-time transit data, schedules, and route information for San Francisco's public transportation system. + +## Overview + + + + Sign up for an SFMTA developer account + + + Generate your SFMTA API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [https://511.org/open-data](https://511.org/open-data) and click "Request a Token" + + + + + + * Fill in your developer information + * Describe your intended API usage + * Complete the verification process + + + + +## Generate API Key + + + + 1. The requested token will be found in the sent email + 2. Copy the token found in the email + + Keep your API key secure - it grants access to your SFMTA API quota + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "SFMTA" from the menu + + + + 1. Paste your API key into the "SFMTA_API_KEY" field + + + Need a new key? Generate one in your SFMTA developer dashboard. + + + + + You can now use prompts with the integration to access transit data. + + Some examples: + * `Get real-time bus arrivals using /SFMTA` + * `Show transit routes with /SFMTA` + * `Create a transit tracker using /SFMTA` + + + API has rate limits - implement caching for frequently accessed data. + + + Example prompt for optimization: + ``` + When using /SFMTA, cache the transit schedules in my database + ``` + + + + + Your SFMTA integration is now ready! Use the `/SFMTA` command in chat to access San Francisco transit data. + \ No newline at end of file diff --git a/integrations/slack.mdx b/integrations/slack.mdx new file mode 100644 index 0000000..2305c90 --- /dev/null +++ b/integrations/slack.mdx @@ -0,0 +1,189 @@ +--- +title: "Slack" +description: "Integrate Slack messaging capabilities into your application" +--- + +Connect your app to Slack's API to send messages, manage channels, and interact with users. + +## Overview + + + + Sign up for a Slack account. + + + Generate your Slack API token. + + + Add your credentials to Create's secrets. + + + +## Account Setup + + + + Go to [api.slack.com](https://slack.com/) and click "Get Started" to create a new workspace. + + + + + + If you already have a workspace, click "Sign In" to access your account. + + + + + + 1. After signing, click "Your Apps" on the homepage. + 2. Click on "Create New App". + + 3. Name your App and choose which workspace you will be installing the slack bot. + + + + +## Slack Alert Bot Setup Guide + +This part will guide you in creating a bot that sends an alert to a specified channel. + + + + 1. Navigate to "Incoming Webhook" in the left sidebar. + 2. Enable "Activate Incoming Webhooks" + 3. Click "Add New Webhook to Workspace" + + + + + Select the channel in your workspace that your bot will send notifications to. + + + + + 1. Copy the generated Slack webhook URL at the bottom of the page. + 2. Paste the URL into your Create project's secrets as SLACK_WEBHOOK. + + + + +## Slack Slash Command Bot Setup Guide + +This part will guide you in creating a bot that uses slash commands. + + + + 1. Once your app is created, navigate to "Basic Information" in the left sidebar. + 2. Under "Signing Secret", copy the necessary key for your bot app. + + + The signing secret is used in the function to verify messages are coming from Slack. + + + +## Verify Settings + + + 1. Navigate to "Event Subscriptions" in the left sidebar, and enable Events. + 2. Enter your Create project's URL into the Request URL. It should follow the example in the picture below. + + 3. Scroll further to find "Subscribe to Bot Events" and add the "message.im" Bot User Event + + + + + 1. Navigate to "App Home" in the left sidebar. + 2. Enable "Show my Bot as Online" and "Allow Users to Send Slash Commands" + + + + + 1. Navigate to "Slash Commands" in the left sidebar. + 2. Click "Create New Command", and name it chatgpt as an example. + + + + + + If you plan on changing the name: + 1. Go into your Create project's code, find the conditional that mentions /chatgpt and change it to whatever slash command you plan to name. + + If you plan on changing the functionality as well, be sure to use the AI Builder to modify it for that slash command + + + + 1. After setting everything up, navigate to the "Install App" in the left sidebar. + 2. Click on "Install to Your Workspace" + + + + + + Try out your App by going into any available channels or DM and type in "/chatgpt" + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in chat. + 2. Select "Slack" from the menu. + + + + 1. Paste your Signing Secret into "SLACK_SIGNING_SECRET." + + + Need new credentials? Regenerate in the Slack API settings. + + + + + Use prompts to implement Slack features: + + * `Send a message to a channel using /Slack` + * `Post a reminder with /Slack` + * `Manage channels with /Slack` + + + Slack API has rate limits - implement error handling for best reliability. + + + + + + Slack integration complete! Use `/Slack` in chat to access messaging capabilities. + + +## Frequently Asked Questions + + + + Slack API allows you to interact with Slack's messaging platform, enabling features like sending messages, managing channels, and more. + + + + Yes, you need a Slack Developer Account to create an app and access the API. + + + + The API works by sending requests to Slack's servers, which process the requests and return the results based on your commands. + + + + You can build: + - Messaging bots + - Notification systems + - Channel management tools + + + + Yes, Slack has API rate limits. Free accounts have lower limits than paid accounts. Check Slack's official documentation for current limits. + + + + Yes, you can test your integration by sending requests to the API and monitoring the responses to ensure it functions as expected. + + diff --git a/integrations/spotify.mdx b/integrations/spotify.mdx new file mode 100644 index 0000000..faf4668 --- /dev/null +++ b/integrations/spotify.mdx @@ -0,0 +1,106 @@ +--- +title: "Spotify" +description: "Access music, playlists, and user data" +--- + +Spotify API provides access to millions of songs, playlists, and user listening data. + +Spotify API requires a Spotify premium account + +## Overview + + + + Sign up for a Spotify Developer account + + + Generate your Spotify API credentials + + + Add your API keys to Create's secrets + + + +## Account Creation + + + + Go to [developer.spotify.com](https://developer.spotify.com/) and click "Dashboard" + + + + + + * Log in with your Spotify account + + + + * Click "Create App" in the dashboard + + + + * Fill in app name and description + * The redirect uri will be your create project live site url + /api/callback + + + + +## Generate API Keys + + + + 1. Go to your app settings + 2. Find your Client ID and Client Secret + + + Keep your Client Secret secure and never share it + + + + + This step is only relevant if you use the Spotify User Info + 1. Be sure your project is published + 2. Ensure there is a callback path in your page and functions setting + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Spotify" from the menu + + + + 1. Paste your Client ID into the "SPOTIFY_CLIENT_ID" field + 2. Paste your Client Secret into the "SPOTIFY_CLIENT_SECRET" field + + + Need new credentials? Generate them in your Spotify Developer dashboard. + + + + + You can now use prompts with the integration to access music data. + + Example prompts: + * `Get user's playlists using /Spotify` + * `Search for songs with /Spotify` + * `Create a music player using /Spotify` + + + API has rate limits - implement caching for frequently accessed data. + + + Example prompt for optimization: + ``` + When using /Spotify, cache the track data in my database + ``` + + + + + Your Spotify integration is ready! Use `/Spotify` in chat to access music data. + diff --git a/integrations/tavus.mdx b/integrations/tavus.mdx new file mode 100644 index 0000000..b510697 --- /dev/null +++ b/integrations/tavus.mdx @@ -0,0 +1,105 @@ +--- +title: "Tavus" +description: "Create personalized AI video content" +--- + +Tavus API enables creation of personalized AI-generated video content at scale. + +## Overview + + + + Sign up for a Tavus account + + + Generate your Tavus API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [tavus.io](https://tavus.io/) and click "Sign Up" + + + + + + * Sign up with email/password + * Or continue with Google authentication + + + + +## Generate API Key + + + + 1. Go to your Tavus dashboard + 2. Navigate to "API Settings" + + + Free tier has rate limits - monitor your usage + + + + + 1. Click "Create a New Key" + 2. Name your key (e.g., "Create Integration") + 3. Copy your API key + + + + + 1. Go to "Replica Library" in your left side dashboard + 2. Select the stock replica or personal replica you want to use as a template + 3. Click "Copy Replica ID" or find it in the video's URL + + + The Replica ID is needed to generate variations of your video template + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Tavus" from the menu + + + + 1. Paste your API key into the "TAVUS_API_KEY" field + + + Need a new key? Generate one in your Tavus dashboard. + + + + + You can now use prompts with the integration to create AI videos. + + Example prompts: + * `Generate a personalized video using /Tavus` + * `Create video variations with /Tavus` + * `Build a video message system using /Tavus` + + + API has rate limits - implement caching for frequently used videos. + + + Example prompt for optimization: + ``` + When using /Tavus, cache the generated videos in my database + ``` + + + + + Your Tavus integration is ready! Use `/Tavus` in chat to create AI videos. + diff --git a/integrations/tenor.mdx b/integrations/tenor.mdx new file mode 100644 index 0000000..88e3642 --- /dev/null +++ b/integrations/tenor.mdx @@ -0,0 +1,89 @@ +--- +title: "Tenor" +description: "Access GIFs and animated content" +--- + +Tenor API provides access to millions of GIFs and animated content through their comprehensive search API. + +## Overview + + + + Sign up for a Google Cloud account + + + Generate your Tenor API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [https://tenor.com/gifapi](https://tenor.com/gifapi) and click "Documentation" + + + + + + * Scroll down to the Setup section + * Click "Sign In with Google Cloud" + + + + +## Generate API Key + + + + 1. Click "Get a Tenor API Key" + 2. Create a project or select an existing one + 3. Copy your API key + + + Keep your API key secure and set usage limits + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Tenor" from the menu + + + + 1. Paste your API key into the "TENOR_API_KEY" field + + + Need a new key? Generate one in your Google Cloud Console. + + + + + You can now use prompts with the integration to access GIFs. + + Example prompts: + * `Find reaction GIFs using /Tenor` + * `Add animated stickers with /Tenor` + * `Create a GIF picker using /Tenor` + + + API has rate limits - implement caching for frequently accessed GIFs. + + + Example prompt for optimization: + ``` + When using /Tenor, cache the GIF URLs in my database + ``` + + + + + Your Tenor integration is ready! Use `/Tenor` in chat to access GIFs. + diff --git a/integrations/ticketmaster.mdx b/integrations/ticketmaster.mdx new file mode 100644 index 0000000..680ded6 --- /dev/null +++ b/integrations/ticketmaster.mdx @@ -0,0 +1,94 @@ +--- +title: "Ticketmaster" +description: "Access events and venue data" +--- + +Ticketmaster Discovery API provides comprehensive access to events, venues, and ticket information worldwide. + +## Overview + + + + Sign up for a Ticketmaster Developer account + + + Generate your API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [developer.ticketmaster.com](https://developer.ticketmaster.com/) and click "Create an Account" + + + + + + * Sign up with email/password + * Or continue with Google authentication + + + +## Generate API Key + + + + 1. Go to your Ticketmaster Developer dashboard + 2. Navigate to the "Applications" section + + + Free tier has rate limits - monitor your usage + + + + + 1. Name your application + 2. Select "Discovery API" access + 3. Copy your Consumer Key (API Key) + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Ticketmaster" from the menu + + + + 1. Paste your API key into the "TICKETMASTER_API_KEY" field + + + Need a new key? Generate one in your Ticketmaster Developer dashboard. + + + + + You can now use prompts with the integration to access event data. + + Example prompts: + * `Find upcoming concerts using /Ticketmaster` + * `Get venue details with /Ticketmaster` + * `Create an event discovery app using /Ticketmaster` + + + API has rate limits - implement caching for frequently accessed data. + + + Example prompt for optimization: + ``` + When using /Ticketmaster, cache the event details in my database + ``` + + + + + Your Ticketmaster integration is ready! Use `/Ticketmaster` in chat to access event data. + diff --git a/integrations/tiktok-scraper.mdx b/integrations/tiktok-scraper.mdx new file mode 100644 index 0000000..f9a9a0a --- /dev/null +++ b/integrations/tiktok-scraper.mdx @@ -0,0 +1,97 @@ +--- +title: "TikTok Scraper" +description: "Access TikTok content and data" +--- + +TikTok Scraper API allows you to access TikTok content, including videos, user information, and trending data, enabling you to integrate TikTok content into your applications. + +## Overview + + + + Sign up for a TikTok Scraper account + + + Generate your TikTok Scraper API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [https://rapidapi.com/tikwm-tikwm-default/api/tiktok-scraper7/pricing](https://rapidapi.com/tikwm-tikwm-default/api/tiktok-scraper7/pricing) and select the pricing plan you want. + + + + + + * Fill in your name, email, and password + * Select your usage purpose + * Accept the terms of service + + + + + +## Generate API Key + + + + 1. Log in to your RapidAPI account + 2. Navigate to the "API" section at [https://rapidapi.com/tikwm-tikwm-default/api/tiktok-scraper7](https://rapidapi.com/tikwm-tikwm-default/api/tiktok-scraper7) + + + + 1. Select any endpoints in the left column. + 2. Copy the API Key. + 3. Store it securely for use in your applications. + + + + Keep your API key secure - it grants access to your Rundown account and quota + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "TikTok Scraper" from the menu + + + + 1. Paste your TikTok Scraper API key into the "RAPID_API_KEY" field + + + Need a new key? Generate one in your TikTok Scraper dashboard. + + + + + You can now use prompts with the integration to access TikTok content. + + Some examples: + * `Get trending TikTok videos using /TikTokScraper` + * `Fetch user information with /TikTokScraper` + * `Create a TikTok content aggregator using /TikTokScraper` + + + API has rate limits - implement caching for frequently accessed data. + + + Example prompt for optimization: + ``` + When using /TikTokScraper, cache the video data in my database + ``` + + + + + Your TikTok Scraper integration is now ready! Use the `/TikTokScraper` command in chat to access TikTok content. + \ No newline at end of file diff --git a/integrations/tripadvisor.mdx b/integrations/tripadvisor.mdx new file mode 100644 index 0000000..a5666f3 --- /dev/null +++ b/integrations/tripadvisor.mdx @@ -0,0 +1,103 @@ +--- +title: "TripAdvisor" +description: "Access travel information and reviews" +--- + +TripAdvisor Content API provides access to a vast database of travel information, including hotels, restaurants, attractions, and user reviews. + +TripAdvisor API requires billing info to pay for overage fees above 5000 requests per month. + + +## Overview + + + + Sign up for a TripAdvisor developer account + + + Generate your TripAdvisor API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [tripadvisor.com/developers](https://tripadvisor.com/developers) and click "Log in to get started" + + + + + + * Fill in your personal and company information + * Verify your email address + * Accept the terms of service + + + + + +## Generate API Key + + + + 1. Log in to your TripAdvisor developer account + 2. Navigate to the "My API" section in your dashboard + 3. Generate your new key + 4. Fill in your billing information + + + + + + 1. Once your billing is set, you'll receive your API key + 2. Copy the API key from your application details page + + + Keep your API key secure - it grants access to your TripAdvisor API quota + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "TripAdvisor" from the menu + + + + 1. Paste your TripAdvisor API key into the "TRIPADVISOR_API_KEY" field + + Need a new key? Generate one in your TripAdvisor developer dashboard. + + + + + You can now use prompts with the integration to access travel information. + + Some examples: + * `Find top-rated hotels in Paris using /TripAdvisor` + * `Get restaurant reviews near me with /TripAdvisor` + * `Create a travel guide app using /TripAdvisor` + + + TripAdvisor API has rate limits - implement caching for frequently accessed data. + + + Example prompt for optimization: + ``` + When using /TripAdvisor, cache the location data in my database + ``` + + + + + + Your TripAdvisor integration is now ready! Use the `/TripAdvisor` command in + chat to access travel information. + diff --git a/integrations/upcdb.mdx b/integrations/upcdb.mdx new file mode 100644 index 0000000..6559cb0 --- /dev/null +++ b/integrations/upcdb.mdx @@ -0,0 +1,98 @@ +--- +title: "UPC Database" +description: "Access product information through UPC barcodes" +--- + +UPC Database API allows you to retrieve detailed product information using UPC/EAN barcodes, enabling you to build product lookup and inventory management applications. + +## Overview + + + + Sign up for a UPC Database account + + + Generate your UPC Database API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [upcdatabase.org](https://upcdatabase.org/) and click "Sign Up" + + + + + + * Fill in your email and password + * Complete the verification process + * Select your subscription plan + + + +## Generate API Key + + + + 1. Log in to your UPC Database account + 2. Navigate to the "API Keys" section + + + + 1. Click "New Token" + 2. Name your key (e.g., "Create Integration") + + + + + 1. Copy the generated API key + + + Keep your API key secure - it grants access to your UPC Database account and quota + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "UPC Database" from the menu + + + + 1. Paste your API key into the "UPCDB_API_KEY" field + + + Need a new key? Generate one in your UPC Database dashboard. + + + + + You can now use prompts with the integration to access product information. + + Some examples: + * `Look up product details by UPC using /UPCDatabase` + * `Create an inventory management system with /UPCDatabase` + * `Build a product scanner app using /UPCDatabase` + + + API has rate limits based on your plan - implement caching for frequently accessed data. + + + Example prompt for optimization: + ``` + When using /UPCDatabase, cache the product data in my database + ``` + + + + + Your UPC Database integration is now ready! Use the `/UPCDatabase` command in chat to access product information. + \ No newline at end of file diff --git a/integrations/urlshortener.mdx b/integrations/urlshortener.mdx new file mode 100644 index 0000000..27189b9 --- /dev/null +++ b/integrations/urlshortener.mdx @@ -0,0 +1,96 @@ +--- +title: "URL Shortener" +description: "Create and manage shortened URLs" +--- + +URL Shortener API allows you to create shortened URLs and track their analytics, perfect for building link management tools and marketing applications. + +## Overview + + + + Sign up for a URL Shortener account + + + Generate your URL Shortener API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [https://rapidapi.com/BigLobster/api/url-shortener-service/pricing](https://rapidapi.com/BigLobster/api/url-shortener-service/pricing) and select the pricing plan you want. + + + + + + * Fill in your name, email, and password + * Select your usage purpose + * Accept the terms of service + + + + +## Generate API Key + + + + 1. Log in to your RapidAPI account + 2. Navigate to the "API" section at [https://rapidapi.com/BigLobster/api/url-shortener-service](https://rapidapi.com/BigLobster/api/url-shortener-service) + + + + 1. Select any endpoints in the left column. + 2. Copy the API Key. + 3. Store it securely for use in your applications. + + + + Keep your API key secure - it grants access to your Rundown account and quota + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "URL Shortener" from the menu + + + + 1. Paste your API key into the "RAPID_API_KEY" field + + + Need a new key? Generate one in your URL Shortener dashboard. + + + + + You can now use prompts with the integration to manage shortened URLs. + + Some examples: + * `Create a short URL using /URLShortener` + * `Track click analytics with /URLShortener` + * `Build a link management system using /URLShortener` + + + Remember to handle rate limits and implement caching when appropriate. + + + Example prompt for optimization: + ``` + When using /URLShortener, store shortened URLs in my database + ``` + + + + + Your URL Shortener integration is now ready! Use the `/URLShortener` command in chat to manage shortened URLs. + \ No newline at end of file diff --git a/integrations/usajobs.mdx b/integrations/usajobs.mdx new file mode 100644 index 0000000..a66e6ba --- /dev/null +++ b/integrations/usajobs.mdx @@ -0,0 +1,87 @@ +--- +title: "USA Jobs" +description: "Access federal job listings and employment data" +--- + +USA Jobs API provides access to federal job listings, employment opportunities, and related data from the U.S. government. + +## Overview + + + + Sign up for a USA Jobs account + + + Generate your USA Jobs API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [developer.usajobs.gov](https://developer.usajobs.gov/) + + + + + + * Fill in your organization information + * Provide contact details + * Complete the verification process + + + + +## Generate API Key + + + + * Copy the generated API token found in the verification email + + Keep your API key secure - it grants access to your USA Jobs API quota + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "USA Jobs" from the menu + + + + 1. Paste your API key into the "USAJOBS_API_KEY" field + + + Need a new key? Generate one in your USA Jobs developer dashboard. + + + + + You can now use prompts with the integration to access federal job listings. + + Some examples: + * `Search federal jobs using /USAJobs` + * `Find government positions with /USAJobs` + * `Create a job board using /USAJobs` + + + API has rate limits - implement caching for frequently accessed listings. + + + Example prompt for optimization: + ``` + When using /USAJobs, cache the job listings in my database + ``` + + + + + Your USA Jobs integration is now ready! Use the `/USAJobs` command in chat to access federal job listings. + \ No newline at end of file diff --git a/integrations/veriphone.mdx b/integrations/veriphone.mdx new file mode 100644 index 0000000..314f4ad --- /dev/null +++ b/integrations/veriphone.mdx @@ -0,0 +1,91 @@ +--- +title: "Veriphone" +description: "Validate and verify phone numbers globally" +--- + +Veriphone API allows you to validate, verify, and get information about phone numbers from around the world, helping ensure data quality in your applications. + +## Overview + + + + Sign up for a Veriphone account + + + Generate your Veriphone API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [veriphone.io](https://veriphone.io/) and click "Sign Up" in the top right corner + + + + + + * Complete the verification process + * Confirm your email address + + + + + +## Generate API Key + + + + 1. Log in to your Veriphone account + 2. Navigate to the "API" section in your dashboard + 3. Copy the generated API key + 4. Store it securely for use in your applications + + + Keep your API key secure - it grants access to your Veriphone account and quota + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Veriphone" from the menu + + + + 1. Paste your Veriphone API key into the "VERIPHONE_API_KEY" field + + + Need a new key? Generate one in your Veriphone dashboard. + + + + + You can now use prompts with the integration to validate and verify phone numbers. + + Some examples: + * `Validate this phone number using /Veriphone` + * `Create a contact form with phone validation using /Veriphone` + * `Build a customer database with phone verification using /Veriphone` + + + API has rate limits based on your plan - implement caching for frequently accessed data. + + + Example prompt for optimization: + ``` + When using /Veriphone, cache the validation results in my database + ``` + + + + + Your Veriphone integration is now ready! Use the `/Veriphone` command in chat to validate phone numbers. + diff --git a/integrations/weather.mdx b/integrations/weather.mdx new file mode 100644 index 0000000..19e3b49 --- /dev/null +++ b/integrations/weather.mdx @@ -0,0 +1,93 @@ +--- +title: "Weather" +description: "Access real-time weather data and forecasts" +--- + +Get detailed weather information and forecasts for any location worldwide using OpenWeatherMap's API. + +## Overview + + + + Sign up for an OpenWeatherMap account + + + Generate your API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [openweathermap.org](https://openweathermap.org/) and click "Sign Up" in the top right corner + + + + + + * Sign up with email/password + * Or continue with Google authentication + + + +## Generate API Key + + + + 1. Go to your OpenWeatherMap dashboard + 2. Navigate to the "API keys" tab + + + New API keys may take a few hours to activate + + + + + 1. Name your key (e.g., "Create Integration") + 2. Click "Generate" + 3. Copy your API key + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Weather" from the menu + + + + 1. Paste your API key into the "OPENWEATHERMAP_API_KEY" field + + + Need a new key? Generate one in your OpenWeatherMap dashboard. + + + + + You can now use prompts with the integration to access weather data. + + Example prompts: + * `Show the weather forecast using /Weather` + * `Build a travel planner with /Weather` + * `Create a sports event scheduler using /Weather` + + + API has rate limits - implement caching for frequently accessed locations. + + + Example prompt for optimization: + ``` + When using /Weather, cache the forecast data in my database + ``` + + + + + Your Weather integration is ready! Use `/Weather` in chat to access weather data. + diff --git a/integrations/wordcloud.mdx b/integrations/wordcloud.mdx new file mode 100644 index 0000000..ab1be6c --- /dev/null +++ b/integrations/wordcloud.mdx @@ -0,0 +1,101 @@ +--- +title: "Word Cloud" +description: "Generate visual word clouds from text data" +--- + +Word Cloud API allows you to create visual representations of text data, highlighting the most frequent words in your content. + +## Overview + + + + Sign up for a Word Cloud account + + + Generate your Word Cloud API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [rapidapi.com](https://rapidapi.com/) and click "Sign Up" + + + + + + * Go to [https://rapidapi.com/Textvis/api/word-cloud/pricing](https://rapidapi.com/Textvis/api/word-cloud/pricing) + * Select a subscription plan + * Complete the subscription process + + + +## Generate API Key + + + + 1. Log in to your RapidAPI account + 2. Navigate to the WordCloud API page + + + + + + 1. Subscribe to the API if you haven't already + 2. Copy your RapidAPI key from the endpoint examples + + + + + + 1. Store your API key safely + + + Keep your API key secure - it grants access to all your RapidAPI subscriptions + + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Word Cloud" from the menu + + + + 1. Paste your API key into the "WORDCLOUD_API_KEY" field + + + Need a new key? Generate one in your Word Cloud dashboard. + + + + + You can now use prompts with the integration to generate word clouds. + + Some examples: + * `Generate a word cloud from this text using /WordCloud` + * `Create a visual representation of keywords with /WordCloud` + * `Build a content analysis tool using /WordCloud` + + + API has rate limits - implement caching for frequently generated clouds. + + + Example prompt for optimization: + ``` + When using /WordCloud, cache the generated images in my storage + ``` + + + + + Your Word Cloud integration is now ready! Use the `/WordCloud` command in chat to generate word clouds. + \ No newline at end of file diff --git a/integrations/yelp.mdx b/integrations/yelp.mdx new file mode 100644 index 0000000..316198c --- /dev/null +++ b/integrations/yelp.mdx @@ -0,0 +1,95 @@ +--- +title: "Yelp" +description: "Access business data and reviews" +--- + +Yelp provides access to millions of business listings, reviews, and ratings through their Fusion API. + +## Overview + + + + Sign up for a Yelp Developer account + + + Generate your Yelp API key + + + Add your API key to Create's secrets + + + +## Account Creation + + + + Go to [yelp.com/developers](https://www.yelp.com/developers) and click "Log In" + + + + + + * Sign up using the link sent to your email + + + + +## Generate API Key + + + + 1. Go to the Yelp Fusion dashboard + 2. Click "Create New App" + 3. Fill in your app details + + + + Keep your API key secure - it grants access to your Yelp API quota + + + + + + 1. Copy the generated API key + 2. Store it securely + + + +## Add to Create Project + + + + 1. In your Create project, type `/` in the chat + 2. Select "Yelp" from the menu + + + + 1. Paste your API key into the "YELP_API_KEY" field + + + Need a new key? Generate one in your Yelp Developers dashboard. + + + + + You can now use prompts with the integration to access business data. + + Example prompts: + * `Find restaurants near me using /Yelp` + * `Get business reviews with /Yelp` + * `Create a local business directory with /Yelp` + + + API has rate limits - implement caching for frequently accessed data. + + + Example prompt for optimization: + ``` + When using /Yelp, cache the business details in my database + ``` + + + + + Your Yelp integration is ready! Use `/Yelp` in chat to access business data. + diff --git a/logo/Anything_LogoIcon_Dark.png b/logo/Anything_LogoIcon_Dark.png new file mode 100644 index 0000000..1407712 Binary files /dev/null and b/logo/Anything_LogoIcon_Dark.png differ diff --git a/logo/Anything_LogoIcon_Light.png b/logo/Anything_LogoIcon_Light.png new file mode 100644 index 0000000..a51f469 Binary files /dev/null and b/logo/Anything_LogoIcon_Light.png differ diff --git a/logo/favicon.png b/logo/favicon.png new file mode 100644 index 0000000..5dd8969 Binary files /dev/null and b/logo/favicon.png differ diff --git a/mint.json b/mint.json deleted file mode 100644 index 6ff0fd1..0000000 --- a/mint.json +++ /dev/null @@ -1,189 +0,0 @@ -{ - "$schema": "https://mintlify.com/schema.json", - "name": "Create", - "logo": { - "dark": "/logo/dark.svg", - "light": "/logo/light.svg" - }, - "favicon": "/favicon.svg", - "colors": { - "primary": "#7C89FF", - "light": "#6171FF", - "dark": "#4C5BD2", - "anchors": { - "from": "#7C89FF", - "to": "#B3BAFF" - } - }, - "font": { - "headings": { - "family": "Inter" - }, - "body": { - "family": "Inter" - } - }, - "modeToggle": { - "default": "light" - }, - "topbarLinks": [ - { - "name": "Updates", - "url": "https://x.com/create_xyz" - } - ], - "topbarCtaButton": { - "name": "Create", - "url": "https://create.xyz" - }, - "topAnchor": { - "name": "Guides", - "icon": "book-open-cover" - }, - "anchors": [ - { - "name": "Product updates", - "icon": "x-twitter", - "url": "https://x.com/create_xyz" - }, - { - "name": "Community", - "icon": "discord", - "url": "https://create.xyz/discord" - } - ], - "navigation": [ - { - "group": "Get Started", - "pages": ["welcome", "essentials", "prompting", "faq"] - }, - { - "group": "Builder", - "pages": [ - "builder/overview", - "builder/controls", - "builder/pages", - "builder/integrations", - "builder/components", - "builder/style-guides", - "builder/functions", - "builder/databases", - "builder/user-accounts", - "builder/uploads" - ] - }, - { - "group": "Publish & Share", - "pages": [ - "publish-and-share/publish", - "publish-and-share/custom-domains", - "publish-and-share/embed", - "publish-and-share/teams", - "publish-and-share/community" - ] - }, - { - "group": "Quick Tips", - "pages": [ - "quick-tips/animations", - "quick-tips/format-markdown", - "quick-tips/external-apis", - "quick-tips/zapier-make-n8n" - ] - }, - { - "group": "Account", - "pages": [ - "account/your-profile", - "account/subscriptions", - "account/credits" - ] - }, - { - "group": "Support", - "pages": ["support/help", "support/ambassadors"] - }, - { - "group": "Guides", - "pages": ["guides/pilot-training-portal"] - } - ], - "footerSocials": { - "x": "https://x.com/create_xyz", - "github": "https://github.com/Create-Inc", - "linkedin": "https://www.linkedin.com/company/createxyz" - }, - "feedback": { - "thumbsRating": true, - "suggestEdit": true - }, - "metadata": { - "og:image": "/images/og.png" - }, - "redirects": [ - { - "source": "/create/getting-started/builder-basics", - "destination": "/essentials" - }, - { - "source": "/create/getting-started/faq", - "destination": "/faq" - }, - { - "source": "/create/getting-started/guide-to-prompting", - "destination": "/prompting" - }, - { - "source": "/create/builder-add-ons/databases-beta", - "destination": "/builder/databases" - }, - { - "source": "/create/publish-and-share/invite-your-team", - "destination": "/publish-and-share/teams" - }, - { - "source": "/create/publish-and-share/embed-an-iframe", - "destination": "/publish-and-share/embed" - }, - { - "source": "/create/publish-and-share/create-community", - "destination": "/publish-and-share/community" - }, - { - "source": "/create/account/manage-subscription", - "destination": "/account/subscriptions" - }, - { - "source": "/create/support/ambassador-program", - "destination": "/support/ambassadors" - }, - { - "source": "/create/add-stripe-to-your-create-template", - "destination": "/templates/stripe" - }, - { - "source": "/create/setting-up-replicate", - "destination": "/templates/replicate" - }, - { - "source": "/create/quick-tips/connect-to-automation-tools", - "destination": "/quick-tips/zapier-make-n8n" - }, - { - "source": "/create/quick-tips/connect-to-external-apis", - "destination": "/quick-tips/external-apis" - }, - { - "source": "/create/builder-add-ons/:slug*", - "destination": "/builder/:slug*" - }, - { - "source": "/create/:slug*", - "destination": "/:slug*" - }, - { - "source": "/create", - "destination": "/welcome" - } - ] -} diff --git a/mintlify b/mintlify new file mode 100644 index 0000000..8537307 --- /dev/null +++ b/mintlify @@ -0,0 +1 @@ +Not Found \ No newline at end of file diff --git a/payments.mdx b/payments.mdx new file mode 100644 index 0000000..88f2eea --- /dev/null +++ b/payments.mdx @@ -0,0 +1,121 @@ +--- +title: "Payments" +description: "Add Stripe payments to your app" +version: "2.0" +--- + + + **New Version**: This is the latest Stripe integration. For the legacy version, see [Payments (Legacy)](/stripe-legacy). + + +
+ +## Overview + +Anything's built-in Stripe integration lets you easily add payments to your app without complex setup. You can collect payments for: + +- Monthly subscriptions (like $20/month for Pro access) +- One-time purchases (like $100 for lifetime access) +- Multiple pricing tiers (Basic, Pro, Enterprise) +- B2B invoicing (for custom work or consulting) + +## Setup + + + + Complete your Stripe onboarding in your Anything dashboard. This links your app to your Stripe account so you can receive payments. + + + + + + + You'll want users to sign in so you can track who has paid for what. + ``` + "Allow users to login so we can track free vs paid customers" + ``` + + + ``` + "Setup a Pro plan, allow them to create 50 to-do tasks after paying 19.99 a month in Stripe, keep free users at 10." + ``` + + + +## How It Works + +**Simple Version:** +1. User clicks "Upgrade" button in your app +2. Stripe checkout page opens in a popup window +3. User enters payment info and completes purchase +4. Your app automatically detects they've paid and unlocks features + +## Key Features + +**✨ No Complex Setup Required** +- No need to create "Price IDs" in Stripe dashboard +- No webhook configuration needed +- Prices are defined by your direct instructions to the builder + +**✨ Smart Status Checking** +- Your app automatically polls to check if users have paid +- Works on both web and mobile +- Caches results for better performance + +**✨ Production Ready** +- Automatically handles test vs live Stripe keys +- Creates and manages Stripe customers for you +- Works seamlessly in Anything's preview environment + +## Common Pricing Models + +### Monthly Subscriptions + +``` +Pro Plan: $20/month +Business Plan: $50/month +Enterprise: $100/month +``` + +### One-Time Purchases + +``` +Lifetime Access: $200 one-time +Premium Features: $50 one-time +Event Ticket: $25 one-time +``` + + +## What You Get + +When you implement Stripe, Anything automatically provides: + +- Backend routes for creating checkout sessions +- Frontend hooks for checking payment status +- Customer management in Stripe +- Proper error handling +- Mobile payment flows + +## Testing + +Anything defaults to test mode while in the builder/preview system, so you can test checkout immediately. + +**Test Credit Cards:** + +**Successful payments:** +- Visa: `4242424242424242` +- Mastercard: `5555555555554444` +- American Express: `378282246310005` + +**Failed payments:** +- Card declined: `4000000000000002` +- Insufficient funds: `4000000000009995` +- Expired card: `4000000000000069` + +**Test details:** +- Expiry date: Any future date (e.g., `12/25`) +- CVC: Any 3 digits (e.g., `123`) +- ZIP code: Any valid ZIP (e.g., `12345`) + + + diff --git a/prompting.mdx b/prompting.mdx index 3c65a61..320c083 100644 --- a/prompting.mdx +++ b/prompting.mdx @@ -1,32 +1,34 @@ --- title: "Prompting" -description: "Our top tips from the team and community on how to chat with Create to build apps" +description: "Our top tips from the team and community on how to chat with Anything to build apps" --- -Create understands both **text** and **images** to build your app. You'll get better results if you're clear. Soon, you'll notice it's way faster than coding. +Anything understands both **text** and **images** to build your application. Clear, specific instructions yield better results and faster development than traditional coding. -**Prompting** is a fancy word for "writing instructions to an AI". AI models can make mistakes, so there are better and worse ways to write the same instructions to get what you want. + **Prompting** refers to writing instructions for AI models. Since AI can make mistakes, the quality of your instructions significantly impacts the results you receive. -## Tips +## Best practices -Many of these tips work in combo :) +Combine these techniques for optimal results. -### Set the scene at the start +### Set clear context -❌ **Don't:** be vague - `landing page` +❌ **Avoid:** vague descriptions - `landing page` + +✅ **Use:** specific context and goals: -✅ **Do:** set a clear context and goals: ``` Landing page for B2B SaaS product selling an AI app builder. Show a header, pricing options for free, pro, and enterprise, testimonials section, footer ``` -### Make small changes +### Make incremental changes + +❌ **Avoid:** complex multi-step requests - `Make a social media site that lets users logs in, saves their posts, shows them in a feed, lets you like each card in the feed, and lets send invites to new friends` -❌ **Don't:** try to do many things all at once - `Make a social media site that lets users logs in, saves their posts, shows them in a feed, lets you like each card in the feed, and lets send invites to new friends` +✅ **Use:** step-by-step approach: -✅ **Do:** break down complex tasks into smaller steps: ``` Update the cards to be 12px apart in the feed ``` @@ -35,59 +37,76 @@ Update the cards to be 12px apart in the feed Add a way to store posts ``` -### Use Images +### Leverage images -You can paste images into the chat. You'll get best results if you add more context with a description of what about the image you want. +Paste images directly into the chat for visual reference. Add context to describe what aspects of the image you want to incorporate. -On a Mac, try Control + Command + Shift + 4 to easily save a screenshot to your clipboard- ready to paste with Command + V! + On Mac, use Control + Command + Shift + 4 to save a screenshot to your clipboard, then paste with Command + V. -Examples: +### Image usage examples + +✅ **Exact replication** (may require multiple iterations): -✅ **Do:** replicate exactly (might require multiple passes / images): ``` Replicate this exactly: . Details: [...more details on things you want it to copy] ``` -✅ **Do:** make something similar: +✅ **Similar features:** + ``` Make something with similar features to this: . Details: [...more on specific things you want it to copy] ``` -✅ **Do:** style specific elements: +✅ **Style specific elements:** + ``` Make the card look like this: . Details: [...more details you want it to copy] ``` -✅ **Do:** extract text content: +✅ **Extract content:** + ``` Fill the pricing options with all the text from this image: ``` -✅ **Do:** use for inspiration: +✅ **Use for inspiration:** + ``` Start with something that looks like this: . Now add: [more details] ``` -✅ **Do:** apply styles: +✅ **Apply styling:** + ``` Style it like this: . ``` -### You can get very specific +### Use discussion mode + +- Plan your project before building to ensure the AI has a clear roadmap +- Switch to discussion mode when debugging to investigate without making changes + +### Deep thinking mode + +Engage additional AI resources for critical thinking, strategy development, and research on best practices for your target audience and market segment. + +![Deepthink2 Pn](/images/deepthink2.png) -To make something exact, you can even specify details like hex codes, fonts, or spacing, if you want. If you don't know, just describe in English and Create will get close. +### Specify details precisely -Example: +You can specify exact values like hex codes, fonts, or spacing for precise results. If you're unsure, describe in plain English and Anything will approximate. -✅ **Do:** get close in English if you don't know: +### Examples + +✅ **Approximate with English:** ``` light gray subtitles that have some space between them and the title ``` -✅ **Do:** get specific on values +✅ **Specify exact values:** ``` #d3d3d3 subtitles @@ -101,134 +120,148 @@ Title 32px, Subtitle 24px, with 12px space between them Use Inter for the titles and subtitles ``` -### Be specific on errors +### Report errors specifically + + + The AI builder attempts to help recover from errors by providing specific information automatically. You can also check error logs directly in your dashboard via the bottom right corner. + -❌ **Don't:** vague- `It's still not working. Ugh` +❌ **Avoid:** vague complaints - `It's still not working. Ugh` -✅ **Do:** describe the exact issue: +✅ **Use:** specific descriptions: ``` When I click on the button, it's not leading to the next page ``` -❌ **Don't:** vague- `Nothing works!` +❌ **Avoid:** general statements - `Nothing works!` -✅ **Do:** explain the specific problem: +✅ **Use:** detailed explanations: ``` The screen is blank. Why is that and how can I fix it? ``` -❌ **Don't:** vague- `The date picker is wrong` +❌ **Avoid:** unclear issues - `The date picker is wrong` -✅ **Do:** describe the exact issue with context: +✅ **Use:** contextual details: ``` This date picker [screenshot] is showing 1/9/2025 when I select 1/10/2025. Can you fix it? ``` -❌ **Don't:** vague- `The back button isn't working` +❌ **Avoid:** incomplete descriptions - `The back button isn't working` -✅ **Do:** explain the specific problem with details: +✅ **Use:** comprehensive context: ``` When I hit the 'manage teachers' button [screenshot] it should take me back to [page name/route] right now, nothing is happening when I click it ``` -If you see a error message, you can often just paste it back into the chat to give Create more context. - -### Avoid "too long" → break into components - -As your project grows long, Create can sometimes have a harder time making changes. You can combat this by breaking your project into more elements ([components](/builder/components), [functions](/builder/functions), etc). +Paste error messages directly into the chat to provide additional context. -## Project-wide vs Single Element +### Reference previous versions -You can prompt Create at two different levels: +Anything maintains knowledge of your previous versions. Reference specific functionality you want to restore. -- **Project-wide**: Select the project name in [**Project Selector**](/builder/controls#project-selector) or tap on the canvas itself -- **Single element**: Select a specific element in the [**Project Selector**](/builder/controls#project-selector) or tap it on the canvas - -Many of the tips above work at either level, but there are some things you can do specifically at each level. - - -Learn more about the different elements you can use in Create in the [Builder Overview](/builder/overview). +``` +In a previous version, the paste image when the page was selected worked. It's now not working. -Larger projects often have multiple [Pages](/builder/pages), [Components](/builder/components), [Functions](/builder/functions), and a [Database](/builder/databases) or [User Accounts](/builder/user-accounts). - +Figure out how to bring that back. +``` +### Global prompting -### Project-wide prompts +Anything can make changes across your entire project in parallel and create new elements as needed. -Create can make changes across the entire project in parallel and/or create new elements if they don't exist. +### Add multiple elements -When you have the project selected, you can make prompts that: +✅ **Create new elements across your application:** -✅ **Add new elements across your app:** ``` Make a dashboard with table, nav, and search. Also have an about page in the nav ``` -This will update existing elements in parallel and/or create new elements if they don't exist: + +This creates or updates: + - Dashboard (page) -- Table (component) +- Table (component) - Nav (component) - Search (component) - About (page) -✅ **Handle interactions between elements:** +### Handle element interactions + +✅ **Manage page navigation:** + ``` On the about page the back button should go to the home page ``` + This will: + - Update the linking on the back button in the about page - Get the route from the home page -✅ **Break down complex pages:** +### Refactor complex pages + +✅ **Break down into components:** + ``` Turn this dashboard page into separate components ``` + This will: + - Break down the page into separate components -- Make new components as needed +- Create new components as needed - Update the page to use the new components -✅ **Connect data across pages:** +### Connect data across pages + +✅ **Manage data flow:** + ``` Store data in /database when the user enters the form on the dashboard page. When you tap an element in the table, show that info in the details page ``` + This handles: + - Database queries on multiple pages - Routing between pages - Passing data via query params -✅ **Style across pages and components** +### Apply consistent styling + +✅ **Style across components:** + ``` Make everything look more like this for style: ``` + This will: -- Update the dashboard page to match the screenshot -- Update all components that are used on the dashboard page to match the new style -### Single Element prompts +- Update the dashboard page to match the screenshot +- Update all components used on the dashboard page to match the new style -Create only makes changes to the specific element you've selected ([Page](/builder/pages), [Component](/builder/components), [Function](/builder/functions), etc). +### Target specific elements -With a specific element selected, you can make more targeted changes: +Reference individual pages or elements by name for focused changes. ✅ **Style specific elements:** + ``` -Make this page look like this: +Make the user account page look like this: ``` ✅ **Debug specific functionality:** + ``` This function isn't returning the right data. I expect it to take in Y and return Z ``` ✅ **Add focused features:** + ``` Add a date picker to this form that only allows dates in the next 30 days ``` - - -Switch between levels as needed - start with project-wide prompts for overall structure, then drill down to single elements for fine-tuning. Or start from a single element for simplicity, and then go back to project-wide level as you add more elements. - diff --git a/publish-and-share/community.mdx b/publish-and-share/community.mdx index 5bbe95e..f2c41bc 100644 --- a/publish-and-share/community.mdx +++ b/publish-and-share/community.mdx @@ -1,120 +1,69 @@ --- -title: "Create Community" -description: "Browse, heart, and remix projects and components from the Create community" +title: "Community" +description: "Join our exclusive Twitter/X community for builders to share products, get sneak peeks, and access exclusive benefits" +og:image: "/images/header.jpeg" --- ## Overview -The [Create Community](https://www.create.xyz/community) helps you discover and share AI apps. Find inspiration, reuse components, and showcase your work. +The [Anything Community on Twitter/X](https://x.com/i/communities/1895329937349071230) is your exclusive space to connect with fellow builders, share your creations, and stay ahead of the curve. -Create has over 100k+ builders. The community helps people reuse existing components and functions. +Join thousands of builders who are already sharing their AI apps, getting early access to features, and unlocking exclusive benefits. Our community is designed to be a place where builders can showcase their products built using Anything, discover inspiration, and grow together. -* **Browse Projects** - Explore what others are building +* **Share Your Work** - Showcase your AI apps to a community that gets it -* **Find Components** - Reuse UI pieces in your apps +* **Get Early Access** - Be the first to see new features and updates -* **Share Your Work** - Let others learn from your creations +* **Exclusive Benefits** - Access surprise credit drops and community events -* **Support Creators** - Heart ❤️ projects you like +* **Connect & Collaborate** - Network with builders who share your passion -* **Build on Ideas** - Remix and customize existing projects +* **Stay Inspired** - Discover what others are building and learn from their success +### What You'll Find +Our Twitter/X community is more than just a place to share—it's your gateway to exclusive Anything experiences: -### Sharing Your Work +* **Product Showcases** - Share your latest builds and get feedback from peers - +* **Sneak Peeks** - Get early previews of upcoming features before anyone else -Share your projects in three steps: +* **Surprise Credit Drops** - Receive unexpected credits and rewards -1. **Share Menu**: +* **Exclusive Events** - Access to community-only workshops, AMAs, and networking - * Click "Share" at top of builder +* **Limited Edition Swag** - Get your hands on exclusive Anything merchandise - * View your project's public share URL - * The share URL shows a preview of your project and version history -2. **Customize Your Profile**: +### Joining the Community - * From the bottom left corner of the Dashboard, tap your email +Getting started is simple: - * Add profile picture +1. **Visit the Community**: + * Click [here](https://x.com/i/communities/1895329937349071230) to join our Twitter/X community + * Follow the prompts to become a member - * Set public username +2. **Introduce Yourself**: + * Share what you're building with Anything + * Connect with other builders in your space + * Start engaging with community content -3. **Share Page**: - - * Your profile appears with the project - - * Others can view the project and version history - - * Community can heart and remix +3. **Start Sharing**: + * Post screenshots or videos of your projects + * Share your building journey and lessons learned + * Ask questions and offer help to others -Free/Pro projects are public by default. Pro members can set up to 3 projects private. Business/Enterprise projects stay private unless shared manually. +Our Twitter/X community is free to join and open to all Anything builders. The more you engage, the more exclusive benefits you'll unlock. -### Remixing - -Find and reuse content from other builders: - -1. **Discover Content**: - - * Visit the [Create Community](https://www.create.xyz/community) - - * Search for projects, components, or functions - - * Filter by hearts or last created - -2. **Preview and Test**: - - * Open the share page for any item - - * Test complete projects in action - - * See the history of the project to learn how it was built - -3. **Remix**: - - * Tap "Remix" - - * Get a copy of the latest version in your builder - - * Move or duplicate elements between your projects - - -Remixing creates your own copy to customize. Original creators keep their version unchanged. - - -### Project Privacy - -Project visibility depends on your plan: - -* **Free/Pro Plans**: - - * Projects public by default - - * Visible in community - - * Anyone can view and remix - - * Pro members can make up to 3 projects private - -* **Business/Enterprise Plans**: - - * Projects private by default - - * Hidden from community - - * Manual sharing required - -Learn more about [plan options](https://www.create.xyz/pricing) or [upgrade to Business](https://pay.create.xyz/b/8wM4hl1iBd5P2zu6or). +### Community Guidelines -## Start Exploring +To keep our community thriving, we ask everyone to: - - - Explore, clone, and customize. Kick your project into high gear. - - +* **Be Respectful** - Treat fellow builders with kindness and respect +* **Share Constructively** - Offer helpful feedback and celebrate others' wins +* **Stay Relevant** - Keep discussions focused on Anything and AI building +* **No Selling, Ever** - We encourage you to promote your work but don't use the community to pitch or turn into a sales channel +* **Follow Twitter Rules** - Adhere to Twitter's community standards diff --git a/publish-and-share/custom-domains.mdx b/publish-and-share/custom-domains.mdx index 09e7f7c..b812ff6 100644 --- a/publish-and-share/custom-domains.mdx +++ b/publish-and-share/custom-domains.mdx @@ -1,30 +1,41 @@ --- title: "Custom Domains" +description: "Publish your created app to a domain you already own" --- -Add your own domain to any Create site app - - - - +
+ @@ -47,6 +49,6 @@ The background image should scroll too but at a slower pace ## Animations from code -You can also paste in animation code snippets (in any programming language) and Create will reproduce them. Here's an [example project](https://www.create.xyz/share/b172593e-2aa9-4780-ba5e-95a0d9e3e72c) that converts a long Javascript animation to simple CSS. +You can also paste in animation code snippets (in any programming language) and Anything will reproduce them. Here's an [example project](https://www.create.xyz/share/b172593e-2aa9-4780-ba5e-95a0d9e3e72c) that converts a long Javascript animation to simple CSS. diff --git a/quick-tips/external-apis.mdx b/quick-tips/external-apis.mdx index 234f0ac..1f4be59 100644 --- a/quick-tips/external-apis.mdx +++ b/quick-tips/external-apis.mdx @@ -1,8 +1,12 @@ --- title: "External APIs" -description: "Learn how to integrate any external API into your Create applications using Functions" +description: "Learn how to integrate any external API into your Anything applications using Functions" --- + +This article is outdated and will be updated soon to reflect new capabilities in Anything to have the builder offload all primary work to connect to external APIs, just by showing it documentation. + + Functions let you connect to any external API by turning your words into code. This guide will show you how, using the [Exa AI Search API](https://exa.ai/) as an example. Watch this step-by-step tutorial to see these principles in action: @@ -11,7 +15,7 @@ Watch this step-by-step tutorial to see these principles in action: width="100%" height="400" src="https://www.youtube.com/embed/Le_b7AORg-A" - title="Connect External APIs to Create Tutorial" + title="Connect External APIs to Anything Tutorial" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen @@ -24,7 +28,7 @@ Watch this step-by-step tutorial to see these principles in action: Locate the API documentation and endpoints - Let Create analyze the API and generate code + Let Anything analyze the API and generate code Store API keys as secrets @@ -55,7 +59,7 @@ Watch this step-by-step tutorial to see these principles in action: ``` - You can paste API documentation URLs directly into the Function chat - Create will screenshot them and write the necessary code. + You can paste API documentation URLs directly into the Function chat - Anything will screenshot them and write the necessary code. @@ -72,7 +76,7 @@ Watch this step-by-step tutorial to see these principles in action: - Tell Create what you want the Function to do: + Tell Anything what you want the Function to do: 1. Paste the API documentation URL 2. Describe the desired inputs and outputs 3. Specify any error handling needs @@ -94,7 +98,7 @@ Watch this step-by-step tutorial to see these principles in action: 4. Check the response - If you get errors, paste them back into your Function chat. Create often knows how to fix specific API issues. + If you get errors, paste them back into your Function chat. Anything often knows how to fix specific API issues. @@ -104,7 +108,7 @@ Watch this step-by-step tutorial to see these principles in action: 2. Select your Function 3. Describe how you want to use it - Create will handle: + Anything will handle: * Loading states * Error messages * UI around the results @@ -116,7 +120,7 @@ Watch this step-by-step tutorial to see these principles in action: When working with external APIs: * **Authentication**: Most APIs require credentials (API keys, tokens, etc.) -* **Error Handling**: Plan for different types of errors and prompt Create how you want to handle +* **Error Handling**: Plan for different types of errors and prompt Anything how you want to handle * **Data Transformation**: You may need to format data before/after API calls @@ -128,9 +132,9 @@ Functions have a 5-minute timeout. For longer operations, consider chaining mult Can't find an API's documentation? You can also: * Use automation platforms like [Zapier or Make](/quick-tips/zapier-make-n8n) -* Screenshot API documentation for Create to analyze +* Screenshot API documentation for Anything to analyze * Paste example CURL commands or request formats -Need help with a specific API? Join our [Discord community](https://create.xyz/discord) and ask in #help-me-build +Need help with a specific API? Please reach out to us at [hello@create.xyz](mailto:hello@create.xyz) \ No newline at end of file diff --git a/quick-tips/format-markdown.mdx b/quick-tips/format-markdown.mdx index c9b7f7b..d9c1254 100644 --- a/quick-tips/format-markdown.mdx +++ b/quick-tips/format-markdown.mdx @@ -1,6 +1,6 @@ --- title: "Format markdown" -description: "Learn how to display AI-generated content beautifully using Create's Markdown Renderer" +description: "Learn how to display AI-generated content beautifully using Anything's Markdown Renderer" ---