Work on the Elements project that is open now, using the Elements MCP tools.
Site brief: [MusicRowSongs.com] for [Musicians and Songwriters]. Look and feel: [welcoming, refreshing, well spaced].
Rules for the whole job:
- Keep every page, page name, and URL. Keep the existing text; restyle and rearrange it rather than rewriting it.
- Build only with Elements’ components and templates. List the available templates before choosing.
- Design mobile-first: phone, 640px, then 768px, then 1024px.
- Use the theme’s existing colors and fonts unless I approve a change.
- Don’t edit CMS collections or posts. Never publish.
- Save the design plan and every decision to AI Memory.
- Stop at the end of each phase and wait for my OK.
Phase 1 – Audit, no changes: list each page with its sections, current title, meta description, and any small-screen layout problems.
Phase 2 – Plan: propose the type scale, spacing, section order for each page, and button style.
Phase 3 – Rebuild the Home page to the plan.
Phase 4 – Rebuild the other pages, one page per step.
Phase 5 – SEO: for each page, write a unique browser title of 50–60 characters ending with the site name, a meta description of 150–160 characters, and matching Open Graph title and description. Show them in a table before saving.
Phase 6 – Consistency pass: one H1 per page, even spacing, matching buttons. List every change.
Start with Phase 1.
I’m on Phase 4 - ran out of tokens - found a lot of typos - little mistakes and really spaced things out nicely so far…
Very Nice!
