Skip to content

Conversation

@saghdaey
Copy link
Contributor

@saghdaey saghdaey commented Nov 12, 2025

Overview

Adds three new illustrations related to the VibeBuilder

  • VibeBuilder
  • VibeBuilderPromotion
  • VibeBuilderComputer

PR Checklist

Testing Instructions

In the storybook preview, visit gamut illustrations and see the three new ones:
VibeBuilder, VibeBuilderComputer, and VibeBuilderPromotion

eg:

Screenshot 2025-11-12 at 5 18 14 PM

Don't make me tap the sign.
Figma which includes the new illustrations:
https://www.figma.com/design/2TcDi9btl8VqWTydsT9KsR/2.0-Discovery?node-id=235-22763&m=dev

  1. Visit gamut illustrations in the preview env: https://6914ed1ff813a218b3215f86--gamut-preview.netlify.app/?path=/docs/atoms-illustrations--docs
  2. In the illustration preview, look at each of the 3 new illustrations:
  • VibeBuilder
  • VibeBuilderComputer
  • VibeBuilderPromotion
  1. Approve if they look correct!

PR Links and Envs

Repository PR Link
Monolith Monolith PR
Mono Mono PR

@nx-cloud
Copy link

nx-cloud bot commented Nov 12, 2025

View your CI Pipeline Execution ↗ for commit cf03bf4


☁️ Nx Cloud last updated this comment at 2025-11-12 20:22:31 UTC

@codecademydev
Copy link
Collaborator

📬 Published Alpha Packages:

@codecademy/[email protected]
@codecademy/[email protected]
@codecademy/[email protected]

@github-actions
Copy link
Contributor

@saghdaey saghdaey marked this pull request as ready for review November 12, 2025 22:16
@saghdaey saghdaey requested a review from a team as a code owner November 12, 2025 22:16
@saghdaey saghdaey requested a review from dreamwasp November 12, 2025 22:16

import { IllustrationProps } from './types';

export const VibeBuilderPromotion: React.FC<IllustrationProps> = ({
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Something I noticed when playing around with light/dark mode (though it does seem like these images were only intended for light mode)

In light mode, the hook below the project screen just blends in

Image

whereas in dark mode, it is included

Image

Not sure if this is intentional and it's very minor, but just wanted to mention it.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

good catch thanks Kenny! I'll share with Aashna

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants