{"id":26816169,"url":"https://github.com/flyeric0212/claude-3.5-vs-3.7-code-comparison","last_synced_at":"2025-07-26T03:04:20.286Z","repository":{"id":280407349,"uuid":"941377631","full_name":"flyeric0212/claude-3.5-vs-3.7-code-comparison","owner":"flyeric0212","description":"Compare the front-end capabilities of Claude 3.7 and Claude 3.5 in Cursor.","archived":false,"fork":false,"pushed_at":"2025-06-18T03:39:07.000Z","size":1878,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-18T04:29:54.896Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/flyeric0212.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-03-02T06:16:47.000Z","updated_at":"2025-06-18T03:39:10.000Z","dependencies_parsed_at":"2025-03-03T09:24:44.063Z","dependency_job_id":"2c1000c6-1918-46a6-8e94-50b61b539b75","html_url":"https://github.com/flyeric0212/claude-3.5-vs-3.7-code-comparison","commit_stats":null,"previous_names":["flyeric0212/claude-3.5-vs-3.7-code-comparison"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/flyeric0212/claude-3.5-vs-3.7-code-comparison","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flyeric0212%2Fclaude-3.5-vs-3.7-code-comparison","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flyeric0212%2Fclaude-3.5-vs-3.7-code-comparison/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flyeric0212%2Fclaude-3.5-vs-3.7-code-comparison/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flyeric0212%2Fclaude-3.5-vs-3.7-code-comparison/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/flyeric0212","download_url":"https://codeload.github.com/flyeric0212/claude-3.5-vs-3.7-code-comparison/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flyeric0212%2Fclaude-3.5-vs-3.7-code-comparison/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263094592,"owners_count":23412994,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-03-30T03:18:11.485Z","updated_at":"2025-07-02T07:37:54.996Z","avatar_url":"https://github.com/flyeric0212.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Claude 3.5 vs 3.7 Code Comparison\n\n\u003e **Tutorial Link**: [https://flyeric.top/archives/claude-3.5-vs-3.7-code-comparison](https://flyeric.top/archives/claude-3.5-vs-3.7-code-comparison)\n\nThis repository contains a comparison of frontend programming capabilities between Claude 3.5 and Claude 3.7 AI models in the Cursor editor environment. The project aims to evaluate and showcase the differences in code generation, problem-solving approaches, and overall effectiveness of these AI models in frontend development tasks.\n\n## Project Structure\n\nThe repository is organized into two main directories:\n\n- `claude3.5/` - Contains code generated by Claude 3.5\n- `claude3.7/` - Contains code generated by Claude 3.7\n\n## Test Categories\n\nEach AI model was tested on three different frontend development tasks:\n\n### 1. Frontend Replication\nRecreating the Cursor official website UI from screenshots, testing the AI's ability to translate visual designs into functional code.\n\nclaude 3.5:\n\n![image-20250301下午72015695](/images/fontent-replication-claude-3.5-01.png)\n\nclaude 3.7:\n![image-20250301下午84237225](/images/fontent-replication-claude-3.7-01.png)\n\n![image-20250301下午84305134](/images/fontent-replication-claude-3.7-02.png)\n\n...\n![image-20250301下午84432714](/images/fontent-replication-claude-3.7-03.png)\n\n\n### 2. Traditional Framework Application\nImplementing a login page using HTML, CSS, and JavaScript, evaluating the AI's proficiency with fundamental web technologies.\n\nclaude 3.5:\n![image-20250301下午85733698](/images/traditional-framework-claude-3.5-01.png)\n\nclaude 3.7:\n![image-20250301下午90148157](/images/traditional-framework-claude-3.7-01.png)\n\n### 3. Single Page Application\nDeveloping a blog application using React, assessing the AI's capability to work with modern frontend frameworks and create interactive user interfaces.\n\nclaude 3.5:\n![image-20250301下午103150854](images/single-page-claude-3.5-01.png)\n\n![image-20250301下午103223476](images/single-page-claude-3.5-02.png)\n\n![image-20250301下午103246207](images/single-page-claude-3.5-03.png)\n\n![image-20250301下午103301981](images/single-page-claude-3.5-04.png)\n\nclaude 3.7:\n![image-20250301下午91727614](images/single-page-claude-3.7-01.png)\n\n![image-20250301下午91805328](images/single-page-claude-3.7-02.png)\n\n![image-20250301下午91856270](images/single-page-claude-3.7-03.png)\n\n![image-20250301下午91929079](images/single-page-claude-3.7-04.png)\n\n![image-20250301下午92358376](images/single-page-claude-3.7-05.png)\n\n## Purpose\n\nThis comparison project serves to:\n\n- Highlight the strengths and limitations of each Claude AI version\n- Provide insights into how AI capabilities have evolved between versions\n- Demonstrate practical applications of AI-assisted coding in frontend development\n- Serve as a reference for developers interested in AI-powered development tools\n\n## Getting Started\n\nTo explore the code samples:\n\n1. Navigate to either the `claude3.5/` or `claude3.7/` directory\n2. Each directory contains subdirectories for the three test categories\n3. Review the code and implementation approaches used by each AI model\n\n## Contribution\n\nFeel free to fork this repository and conduct your own comparisons or extend the existing tests to cover additional aspects of frontend development.\n\n## More Information\n\nFor detailed articles and analysis on this comparison, search for the WeChat Official Account: Eric技术圈 or Blog: flyeric.top.\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflyeric0212%2Fclaude-3.5-vs-3.7-code-comparison","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fflyeric0212%2Fclaude-3.5-vs-3.7-code-comparison","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflyeric0212%2Fclaude-3.5-vs-3.7-code-comparison/lists"}