Blog About How I Use AI

Building Minesweeper Game from Scratch with Claude3.5 - Adding Color Themes

2024-12-19 20:00:00

Learn how to enhance a Minesweeper game with theme switching functionality using Claude3.5, including creating theme configuration files, modifying rendering logic, and adding UI components. Share solutions to development challenges like optimizing border colors in dark mode and debugging theme switching issues. Demonstrate how to leverage Claude3.5 to quickly design and implement multiple attractive theme schemes, highlighting AI's advantages in improving development efficiency.

Best Use Cases for Claude3.5 - Optimizing Sokoban Level Thumbnails

2024-12-18 20:00:00

A case study of optimizing Sokoban level thumbnails demonstrates Claude3.5's effectiveness in frontend development. From initial canvas implementation to device pixel ratio optimization, and finally to SVG solution, showcasing different stages of AI-assisted technical iterations.

Building Minesweeper Game from Scratch with Claude3.5 - Hexagonal Mode

2024-12-17 20:00:00

Based on the complete grid minesweeper, a cellular version of minesweeper was implemented using Claude3.5 and Cursor. As long as you think clearly about the specific implementation ideas, and then divide the problems reasonably and prompt step by step, the code generated by Claude3.5 is mostly in line with expectations. When encountering complex problems, you can let Claude3.5 describe the general ideas first, and don't rush to write code, otherwise it is easy to be misled by wrong code and waste a lot of time.

Building Minesweeper Game from Scratch with Claude3.5 - Basic Features

2024-12-16 22:00:00

Building a classic Minesweeper game with Claude3.5, supporting multiple difficulty levels, themes, and hexagonal game boards. As a frontend novice, I encountered several challenges but managed to implement it with the powerful help of Claude3.5 and Cursor. This article documents the implementation of the classic Minesweeper features, hoping to help those who want to code with AI assistance.

Online Maze Game, How To Make Claude Understand and Optimize the Existing Library

2024-12-09 22:00:00

Using Cursor and Claude3.5, I built a complete maze game based on an existing maze library. It supports various online maze generation and allows playing maze games with mouse control.

Building a Creative Snake Game with Power-ups Using Claude3.5

2024-11-04 22:00:00

Using Claude3.5 to implement a fun snake game with a power-up system that supports various interesting creative items. This article will document the entire process of completing this creative snake game using Cursor, and we'll see how I better utilize AI to solve complex problems.

How to Implement Gomoku with Claude3.5

2024-10-16 22:00:00

Implement a complete single-player Gomoku game using Claude3.5, supporting various forbidden move rules. This article will provide answers on how to better utilize AI to solve complex problems and have AI write test cases to ensure logical correctness.

How to Create a ChartRace Generate Tool with Claude3.5

2024-09-28 19:00:00

This article uses Claude3.5 to implement a chart race tool that supports uploading data to generate dynamic racing charts, customizing column names, and previewing data. It's free and open source.

Visualizing Binary Search Trees with Claude 3.5

2024-09-08 14:00:00

A binary search tree is a special type of binary tree where the value of each node in the left subtree is less than the node's value, and the value of each node in the right subtree is greater than the node's value. This article uses Claude 3.5 to implement a visualization of a binary search tree, supporting insert, delete, and search operations.

Adding Blog Functionality

2024-08-13

Introducing blog functionality to the site. The site itself is implemented based on Next.js. Initially, I wanted to use Nextra as a documentation blog theme, but it doesn't support Next.js App Router. With Claude's help, I eventually implemented a simple Markdown blog system that supports Github themes, multilingual switching, comments and table of contents, RSS, and is SEO-friendly. With Claude's assistance, I can add any desired functionality at any time, completely autonomously.

Markdown Style Demo

2024-08-12

This blog supports markdown style, here is the supported style display. You can use markdown syntax such as title, emphasis, list, link, image, quote, code, table, horizontal rule, etc.