Project: DEV Toolkit for Web

App

The app name is Code Alchemy.

When you generate new components for the UI, use the color-palette described in specs/ui/color-palette.md
Add animations when applicable based on the notes from specs/ui/animations.md
New components must align with the main design described in specs/ui/main-design.png
The app must support dark and light themes. Use palette color described in specs/ui/color-palette.md.
Copy buttons must be placed at the top-right of the output (above of the actual output).
In layouts where there's a horizontal input/output fields, the button to generate the output must be placed at the top-right of the input (above of the actual input).

Use the Tech Stack as the first option for development, ask for permissions if a new package is required.
When applicable, create React components to reuse UI blocks.