Some numbers from building Freelance Canvas OS @Framer agent hackathon project (View the project)

- 10-15 hrs (being very realistic)

- 15 markdown files turned into a full site (including CMS item md files)

- 2 CMS collections, 11 records, multiple fields each

- 12 reusable components

- 12 text styles

- 7 colour styles

- 4 hero concepts explored, then cleaned up and polished

How it came together (80% done by the agent)

1. Wrote the brand, copy, and case studies in markdown with Claude

2. Fed the files into Framer's agent on a blank canvas

3. Agent built the home page from the reference docs

4. Explored dark mode and WebGL hero concepts

5. Reversed to a neutral light theme, cut the excess

6. Agent built the full design system and component library

7. Case studies and notes became CMS collections with detail pages

8. Closed with a proposal generator and an accessibility audit

Some numbers from building Freelance Canvas OS @Framer agent hackathon project (View the project)

- 10-15 hrs (being very realistic)

- 15 markdown files turned into a full site (including CMS item md files)

- 2 CMS collections, 11 records, multiple fields each

- 12 reusable components

- 12 text styles

- 7 colour styles

- 4 hero concepts explored, then cleaned up and polished

How it came together (80% done by the agent)

1. Wrote the brand, copy, and case studies in markdown with Claude

2. Fed the files into Framer's agent on a blank canvas

3. Agent built the home page from the reference docs

4. Explored dark mode and WebGL hero concepts

5. Reversed to a neutral light theme, cut the excess

6. Agent built the full design system and component library

7. Case studies and notes became CMS collections with detail pages

8. Closed with a proposal generator and an accessibility audit