Recipes

Step-by-step guided recipes to build powerful applications from scratch

Color-Coded Calendar Time Tracking

Google Calendar

This Vybe app connects to Google Calendar, maps event colors to your meeting types, and generates weekly/monthly insights showing where your time goes and how it changes over time.

Step 1

Display @googleCalendar events from the last 90 days in a new page called "all events" accessible from the sidebar. Display events in a table.

Step 2

Add a table called Event types Allow the user to create event types and associate a color of calendar event for each event type. ex: Customer meeting => Sage - Make sure to use the google calendar color codes/names Add a settings page to create update and delete event types.

Step 3

In the calendar events list, add a column displaying the event type based on the color matching.

Step 4

In this homepage, display a pie chart of where I spend my time based on the meeting types. Add a filter: this week / last week / this month (to date) / last 30 days / last 90 days.

Step 5

Create a 9 week past data overview with stacked bar graph groups by meeting type. Add this graph in the dashboard page.

vybe is writing...
Vybe writing
Build this recipe

Create Attio Tasks from Transcript

Attio

Automatically generates actionable Attio tasks from meeting recordings by extracting decisions, action items, owners, and due dates, then creates and assigns tasks in Attio for seamless follow‑through.

Step 1

Create a homepage that displays my Google Calendar events from the last 7 days. Use the @Google Calendar integration. Display the events in a table with columns for: Event name, Date & Time, Status (with color-coded badges), Location, and Actions.

Step 2

Filter to only show events that: - Have attendees - Contain at least 1 external invitee (email domain different from the current user's domain)

Step 3

In each row, add a button called "Add a transcript". this button opens a modal which allows the user to paste a meeting transcript. when confirming make sure to save the transcript in the database.

Step 4

When validating the modal, run the transcript through OpenAI to auto detect action items and tasks. while this is running, display a work in progress UI. When done, display in a second modal the tasks that were extracted. Also save the transcript in the database.

Step 5

For each task in the modal, add a button "Create Task in Attio". when clicked, create a task in @Attio. Include the calendar event name in the task content. numberOfLinkedRecords to 0 to avoid linking errors.

vybe is writing...
Vybe writing
Build this recipe

Deal Desk Workflow

Slack
Salesforce

Deal Desk Workflow accelerates revenue approvals. Opportunities sync from Salesforce into an internal review process. They can approve or reject in one click. All actions are tracked for transparency.

Step 1

Create a search bar to search Salesforce opportunities by name, display results as cards showing amount, owner, and close date

Step 2

Create a new object called "request" with: linked SFDC opportunity, request (text), due date, request status (requested/in progress/done), outcome (accepted/denied), Owner (which will be the logged user who created the request).

Step 3

Add a "Create Request" button on opportunity cards that opens a modal Modal should allow user to add the text request and due date. Create request linked to the opportunity on submit and link to current logged in user.

Step 4

Create a new page that displays all requests grouped by status. Add filtering tabs (All, Requested, In Progress, Done).

Step 5

Display requests as cards with the following information: opportunity name / amount / owner / due date / request status / outcome. Do not add fields in the database, rather use the opportunity id to query that data from Salesforce and display it on the card.

Step 6

When clicking on a request, open a drawer and display all details about the request. Allow editing of outcome and request status via a dropdown inline.

Step 7

Add the ability to add comments on requests, linked to current logged in user - persist in database, display comments in a drawer with request details.

vybe is writing...
Vybe writing
Build this recipe

Focus Your Roadmap Framework

Linear (OAuth)

Triage Linear issues into three buckets—Metrics Movers, Customer Requests, and Delight—so your roadmap concentrates resources on what matters: measurable business impact, strong customer relationships, and emotional loyalty.

Step 1

Pull all my @Linear issues and display them in the homepage in a table with the columns ID / Title / Status / Priority / Created_at.

Step 2

Add a way to filter linear issues on the homepage.

Step 3

On each row, allow the user to classify each issue in one of three buckets: Metrics Movers / Customer Requests / Delight. Persist that data in the database.

Step 4

Add a new page called Dashboard. In that page, add a a few graphs representing how many issues are of each bucket.

Step 5

In the dashboard page, add the same filters as the homepage.

vybe is writing...
Vybe writing
Build this recipe

Github Eng Ops Dashboard

GitHub

A unified dashboard for engineering operations across velocity, quality, hygiene, shipping, and workload. Track PR and commit metrics, detect failing builds and slow workflows, surface stale issues and branches, monitor releases with AI notes, and visualize workload to ensure sustainable pace.

Step 1

Add tabs named VELOCITY, QUALITY, HYGIENE, SHIPPING, WORKLOAD.

Step 2

Using github data, On the VELOCITY dashboard, show how quickly engineering work moves. Include PR lead time from open → merge, number of PRs opened and closed per week, and daily commit activity across repos. Highlight trends so we can spot improvements or slowdowns over time.

Step 3

On the QUALITY dashboard, monitor CI reliability. Surface failing workflow runs, slow or long-running builds, and recent success/failure rates by workflow. Make it easy to identify flaky pipelines, unstable branches, or recurring failure patterns.

Step 4

On the HYGIENE dashboard, flag work needing attention: stale issues with no updates, unassigned issues, PRs or branches with no recent activity, and anything that’s aging past our typical SLAs. Help us keep the backlog and active work clean.

Step 5

On the SHIPPING dashboard, visualize release activity. Show releases per week or month, recent release notes, who authored each release, and any gaps in cadence. Give us a clear picture of how consistently we’re delivering new versions.

Step 6

On the WORKLOAD dashboard, show how engineering time is distributed. Include commit volume per engineer, busiest coding days, and indicators of after-hours or weekend work. Help us monitor workload balance and spot signs of burnout early.

vybe is writing...
Vybe writing
Build this recipe

Hackathon Ideation-to-Ship App

Slack

Build a lightweight internal tool for running hackathons end-to-end: create hackathon events, submit team ideas, upvote/prioritize, assign winning ideas to builders, track progress, and trigger a celebratory moment once shipped.

Step 1

Add Tabs for hackathons, ideas, voting, results, teams, and settings.

Step 2

Build a Hackathons data table with basic fields (name, dates,location), search, and full create/edit/delete actions. Display a table of Hackathons on the homepage.

Step 3

Show a hackathon details drawer with editable fields.

Step 4

Create a new object Participants (first name, last name, email) table linked to hackathons to manage who is part of a hackathon. Allow a user to add participants to a hackathon.

Step 5

Create an Ideas data table linked to hackathons. Each idea has a one liner, description and a status. Each idea is also linked to a participant. Display a list of ideas in a new page, filtered per Hackathon. Allow a user to add, edit and delete ideas. Add a few seed data for ideas. Add a detailed drawer view for each idea.

Step 6

Within the hackathon details view, show its ideas and allow adding new hackathon-specific brainstorm ideas.

Step 7

Build a $100 voting interface that lets a participant allocate exactly 100 points across ideas for a selected hackathon.

Step 8

Show a hackathon results table that aggregates votes per idea and ranks them by total allocation.

Step 9

Create an Assignments table linking participants (builders) to ideas and show a team management view.

Step 10

Configure a settings table that maps each hackathon to a Slack channel pulled from Slack.

Step 11

When an idea is marked as shipped, automatically send a celebratory Slack message to the hackathon’s configured channel.

vybe is writing...
Vybe writing
Build this recipe

Jira-Powered Standup Hub

Jira

Build a standup app that pulls ongoing Jira issues into an Issues table, lets teammates ask questions linked to specific issues, aggregates those questions in an Open Questions table for voting via reactions.

Step 1

Pull @Jira issues into a table displayed on the homepage. Use JQL to only pull Jira issues created less than 20 weeks ago and only the issues in status "In progress".

Step 2

Create a new object Questions: - Discussed Y/N // Linked Jira issue // Reporter - Display all questions in a new page.

Step 3

In the issue row, add a button named "add question". It opens a modal where a user can ask a question about a specific issue. When confirming it then creates the question record, linked to this user and Jira issue.

Step 4

Display all questions under the list of issues on the homepage. Group them by Discussed Yes or No and make that collapsible.

Step 5

In the questions section on the homepage, add a button to mark as discussed.

Step 6

Add field "Note" to the question object. Add a button View details in the question section and display the question, the description, and display the notes fields as input text. When closing the model, it should save the notes.

vybe is writing...
Vybe writing
Build this recipe

Linear Dashboard

Linear (OAuth)

A simple dashboard to see activities on Linear

Step 1

Pull @Linear projects and display them on the home page.

Step 2

Group them by status and show KPIs at the top of the page.

Step 3

On a new page display a list of @Linear issues using the search-issue function. Only pull the issues created in the last 3 months. For each issue display status and priority.

Step 4

When I click on a project, I want to be redirected to a new page that shows the details of the projects including its associated issues.

Step 5

On a new page, show the number of issue that have been done per week.

vybe is writing...
Vybe writing
Build this recipe

Linear Linked Weekly Goals Manager

Linear (OAuth)

Set explicit, quantitative, output-oriented weekly goals, track progress during the week, and run a structured end-of-week review. Link WG to Slack users and Linear Project to Linear projects to quickly see access linear progress.

Step 1

Create a database table for weekly goals with name and status (not-started, in-progress, completed). Show them in a table in the homepage with a create goal dialog.

Step 2

Allow me to link a weekly goal to a @Linear project. Add a "Link" button in the table that lets me select from my Linear projects.

Step 3

Allow me to link a weekly goal to a @Slack user. Add an "Owner" column showing the Slack user's name with ability to assign/unassign. Let me select the owner when creating a new goal too. Filter out bots and deleted users from Slack.

Step 4

Add a database table for weeks with start_date and end_date. Link weekly goals to weeks and display goals grouped by week in cards showing completion rate.

Step 5

Add a week filter dropdown at the top that defaults to the current week. Only show goals for the selected week. Include an "All weeks" option and mark the current week with "(Current)".

Step 6

At the top of the page, display two metrics cards when a week is selected: how far we are along the week (as a percentage with progress bar) and % of goals achieved (with a progress bar that turns green at 100%).

vybe is writing...
Vybe writing
Build this recipe

One-Click QBR Deck Generator

Google Slides

Duplicates a QBR Google Slides template, collects key details via a simple form, auto-fills standard placeholders (account name, quarter, owner, objectives) and locks the final deck so reps don’t touch design. Produces consistent, brand-safe QBRs in minutes.

Step 1

On the homepage, allow the user to input 2 fields: Customer and Metric.

Step 2

Add a button called "Generate QBR". When clicking on this button, use the template https://docs.google.com/presentation/d/1uFWjNbKmMOAqhi7hTyBSJd2sp6Zwt8ovpg40kPaYLuU/edit?slide=id.g3a469ea2ce1_0_0#slide=id.g3a469ea2ce1_0_0 and merge data with the 2 data provided Customer and Metric.

Step 3

Display a clickable link of the duplicated presentation in a success toast.

vybe is writing...
Vybe writing
Build this recipe

Post Call Email Follow Up

Google Calendar
Salesforce
Gmail

Analyze call transcripts and send AI-powered email followups and Salesforce updates

Step 1

Using the @ Google Calendar integration, display all calendar events from the past 30 days and next 30 days on the homepage

Step 2

For each calendar event, when I click on an event open a modal. in this modal, I want to pick a source for the transcript of that meeting: I can pick from: - the description of calendar event - OR ability to copy paste a transcript of that meeting In both cases it should be stored in the database.

Step 3

From the transcript upload modal. change the button to be called "Save and generate" when I click it generates a follow up email using OpenAI that will be sent to the organizers and attendees of the event. Display the generated email (recipients, subject, body) in a new modal

Step 4

now instead of the button Copy email rename it to send email and use the @Gmail integration to send a draft email

Step 5

after the email is sent I want to update a related contact and add a note on the @Salesforce instance.

Step 6

Update the sidebar of this app - blue background #3905F5 - at the top, add the Vybe logo, centered in the sidebar: https://www.vybe.build/logos/vybe-full-logo-white.svg (edited)

vybe is writing...
Vybe writing
Build this recipe

Quotes generator to Google Docs

Google Docs

Generates client-ready sales quotes in Google Docs. Provide deal details (client, items, pricing, terms), and the system assembles a formatted quote document with calculations, ready to share or export as PDF.

Step 1

Create a products table with columns for: name, description, and price. Add a page accessible from the top navbar which lists all the products. Allow the user to create delete and update products.

Step 2

Build a quote builder on the home page. Let me select a product from a dropdown and choose a quantity. When I click "Add to Quote", add it to a list. Show the quote list in a table with: product name, quantity (editable), unit price, and line total Let me remove items from the quote.

Step 3

Add a 'Generate Quote' button under the quote table. When clicked, open a dialog asking for: Company Name (required) // Contact Person (required) // Email (required) // Phone Number // Address.

Step 4

When the user submits the customer form from the popup, create a new Google Doc using my connected @Google Docs connected account. The title of the google doc should be "Quote - [Company Name]". Insert the customer details at the top as regular paragraphs. Then display the quote data: insert a Google Docs table with headers (Product, Quantity, Unit Price, Line Total) and one row per quote item. Add a Subtotal row below the table..

Step 5

After the Google Docs integration returns the created document URL: - Show a success toast confirming the quote was generated. - Display a “View Quote in Google Docs” link in the UI using the returned URL so the user can open the document.

vybe is writing...
Vybe writing
Build this recipe

Social Media Collaboration Studio

Slack

Social Media Collaboration Studio centralizes content creation, reviews, and AI-assisted rewrites. Teammates comment, AI refines tone and format, and final approvals keep quality high. Publish via Slack or export, with clear progress tracking to keep deadlines on track.

Step 1

Add navigation pages (empty for now): Calendar (homepage), Posts, Settings. Ensure consistent layout.

Step 2

Create a new object called "Post": Title, Content, "Status" (pending, In Review, Ready, Posted), "scheduled at" (Date). List all posts in a table under the Posts tab. Allow a user to create update and delete a post.

Step 3

Pull the list of users from the @Slack integration connected. Then display all Slack users in a table on a new page.

Step 4

Update the Post object and add fields: "Owner" => links to a slack user. "Reviewer" => links to a slack user. Update the creation and update of a post according to this change.

Step 5

When I click on a row of a Post, open a right drawer and display all the details about the post.

Step 6

When a post in "pending" status, display a button "ready to review" which does 2 things: - update the status to "in review". - sends a message in the channel C09C75JQ44B on behalf of the user saying "[@reviewer] Post [title of the post] ready to review".

Step 7

When a post in "to review" status, display a button "Update to Ready" which does 2 things: - update the status to "Ready". - sends a message in the channel [channelID] on behalf of the user saying "[@reviewer] [@owner] Post [title of the post] is ready to be posted on [scheduled_at]". Button is only clickable if scheduled_at date is not empty.

Step 8

In the homepage, display all posts in a calendar view based on their "scheduled_at" value.

vybe is writing...
Vybe writing
Build this recipe

Stripe Refunds Triage Workspace

Slack
Stripe

Unified console for Stripe refunds/disputes to auto-triage, manage ownership and notes, and track outcomes with a metrics dashboard.

Step 1

Create sidebar pages for Refund Inbox, Metrics, All refunds, and Settings with a consistent layout.

Step 2

Pull all my open @stripe refunds requests and display them as a table in the All refunds tab. Display ID, Amount, Date created, Status,

Step 3

Create a new object "Operator" in the database (First Name, Last Name, Email). In the settings page, allow a user to create, update and delete an operator.

Step 4

Allow an operator to assign themselves to a Stripe Refund. Save that data in the database.

Step 5

In the Refund Inbox Page, display all Stripe refunds which have not been yet assigned an operator. Add a button in each row "Assign to me" which assigns the operator matching the current logged in user to that Stripe refund.

Step 6

When clicking on a row of a Stripe refund either in the All refunds or Refund Inbox pages, open a drawer with all details about this refund, including data about the linked Stripe customer and linked charge.

Step 7

Add the ability to add and update notes in the drawer of a refund request and save it in the database.

Step 8

Add a field "Outcome" (Accepted, Disputed) to the Stripe refund and save that in the app database. Allow a user to Update that field via dropdown. When clicking on Save in the drawer, it updates the refund in stripe as well and closes it. Log in the database the timestamp when the case was closed.

Step 9

When clicking on Save, Send a @Slack message notifying of the outcome of a that refund. From the settings page, add the ability to pick the Slack channel it should be sent to from the list of all slack channels available.

Step 10

In both All refunds and Refund Inbox pages, add filters, based on status, amount, date, outcome and operator.

Step 11

In the page Metrics, add various metrics about the refund process: amount of requests handled per week, SLAs, filter per operator etc...

vybe is writing...
Vybe writing
Build this recipe

Superhuman's PMF Survey Analysis

Google Forms

Implement Superhuman's PMF survey method: Survey users, segment by Very/Somewhat/Not disappointed, extract love/needs themes and prioritize product changes accordingly.

Step 1

Pull my Google Forms response from the survey called "XXXXX", ID "XXXXXXX".

Step 2

Display all survey responses in a table with the ability to see the detailed answers.

Step 3

Add a setting page in which I can define a set of "Personas" for my product. Save personas in the database and add some seed data of personas.

Step 4

Add a new page "Analysis". In that page add a table with all personas so I can set if they are target personas. Add % responses as well based on the survey response first question: Is Target Persona? (checkbox) | Persona | % Very Disappointed | % of Responses.

Step 5

In the analysis page, add a Product Market Fit threshold slider (0-100%, default 40%) at the top of the analysis page. Below it, display two metrics: 1. 'Selected personas above: X% very disappointed → [status message]'. 2. 'All survey respondents: X% very disappointed → [status message]'. Depending on the threshold, in the status message, if percentage >= threshold: show 'You've achieved product/market fit 😃' in green, if not show 'No product/market fit 😞' in red.

Step 6

In the analysis page, display a word cloud with the top words used in all the responses (remove common words). Add a filter to show responses from certain personas and Very/Somewhat/Not disappointed.

Step 7

Add a new page called Roadmap. In this page, display a new object "Roadmap item" in the database: Feedback Theme / Feature One liner / Reach / Impact / Confidence / Effort Score (RICE).

vybe is writing...
Vybe writing
Build this recipe

UTM Traffic Insights with PostHog

Slack
PostHog

This app is a UTM builder combined with PostHog event data traffic analysis. In addition, receive daily traffic trends right into Slack.

Step 1

Connect to @PostHog and display web visits per week.

Step 2

- Create a new page where i'll be able to set utm source, medium,and campaign, all of them should be different tables in the database. - Create a link picking a source, medium and campaign (also persist in the DB) and make it copy friendly (base url being: www.vybe.build?). - Add a bunch of sample data for sources / medium / campaigns in the database.

Step 3

Add a new chart to show me the weekly visits per week split by UTM.

Step 4

Using @Slack integration, Send me a slack message every day at 9am PST in the channel #web-traffic that summarizes how we're performing this week in web traffic per UTM in comparison with previous weeks.

vybe is writing...
Vybe writing
Build this recipe
Ready to build

Build your own Application

Can't find what you need?
Create custom Applications with our AI-powered builder.

Start building
Vybe Logo

Secure internal apps. Built by AI in seconds. Powered by your data. Loved by engineers and business teams.

Product

Company

Social

Legal

Vybe, Inc. © 2026