Created
December 3, 2025 09:52
-
-
Save varya/bbb2ca523d2ed0d78a3d6164e8975e23 to your computer and use it in GitHub Desktop.
Cursor prompt
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Create a story book for global alert component like in Figma. follow the structure we already have for other components in stroybook. | |
| Figma default variant componet: | |
| <PASTE LINK> | |
| Component with all variants: | |
| <PASTE LINK> | |
| Further documentation | |
| <PASTE LINK> | |
| Use figma mcp. | |
| Colors: | |
| Make sure we are using the right tokens"Figma variable" for colors, which also has code syntax linked css variable in the project. | |
| Spacing: | |
| Make sure we are using our design system spacing | |
| Fonts: | |
| Make sure we are using our design system fonts | |
| Component parameters: | |
| <PASTE LINK> | |
| Storybook: | |
| layout: "padded", | |
| If component has parameters, the first story should be named `Controls`. It should pass `args`. Children are passed via `args` too. | |
| Functionality: | |
| The component should be dismissible. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment