How to Maintain Style Consistency

Hi There,

Why can’t the generated web prototypes have a consistent menu (header)? Also, why is it impossible to replace the logo with an uploaded image?

Each time a new page is generated, it lacks continuity with the previous version. Even the font changes, despite the previous prompt explicitly requesting a specific font.

I have the exact same problem regarding the continuity. I’m better off just prompting directly in AI Studio. Stitch has been nothing but a waste of time.

Hey @Aed2 thanks for writing to us!
We have an update for you:

  • Introducing Stitch Agent Skills. Powered by the add-skill installer, you can now inject Stitch expertise directly into your project with a single command.
    design-md: Generates a “source of truth” design[dot]md file for your design rules from your Stitch project. No more inconsistent UI.
    react-components: Turns Stitch designs into production-ready React components with design token consistency. Submit your own skills or request new ones in the repo. Let’s build the future of vibe design together.

  • Star the repo & contribute: GitHub - google-labs-code/stitch-skills Implement using the add-skill CLI:

npx add-skill google-labs-code/stitch-skills --skill design-md
npx add-skill google-labs-code/stitch-skills --skill react-components

Hi @RISHABH_CHAUHAN

Thank you for your solution.

The skill was configured successfully and generated the design MD file. My current project has three pages with the same font and one page with a different font. Based on Antigravity’s feedback: “I have successfully created the DESIGN.md for the home page.”

Progress Updates:

1. Reading DESIGN.md to align with the design system.

2. Writing a visual description prompt for the artifact file.

3. Finalize the task and notify the user.

However, after copying the prompt into Stitch, the generated page style resembles that of a separate page. There might still be an issue, or perhaps I missed a step in this complex process.