7. Questions about the integrity of the project

In fact, the entire minimalist AI project needs to be approached in a direction that can be batched, quickly replaced, and quickly generated. So in the process of writing the project, there are some consensus understandings and details that are biased toward AI generation.

So this chapter is mainly to add some of my views on rapid website building, as well as a description of the final shape of the entire project.

This chapter does not enter the official chapter, it is just a popular science article about thinking

AI website building?

In fact, there are various AI website building tools and AI editors on the market now, including those I use myself. I even have memberships in v0 and cursor.

But when the project is too complex, their overall performance will be slightly worse. This is a shortcoming determined by the length of the model context. Another very painful problem is that the data of the model itself is not new enough, and the performance at multiple levels of complexity makes me sad.

Under the superposition of these problems, it becomes impossible to build a website completely with tools, but it doesn't matter. This template project is to solve these shortcomings and complete a closed-loop commercial project faster than using website building tools.

Therefore, to achieve this effect, some consensus is needed, this chapter tag

Style consensus

Obviously, we cannot say that if I produce 10 projects, I need to write 10 style templates. The best way is to completely use theme color matching. The following css is the main color matching of the project. When we are in the follow-up project, this can directly let AI generate a set of color matching, or go to [shadcn theme 10 selection 1] (https://ui.shadcn.com/docs/theming).

@layer base {
  :root {
    --background: 240 10% 3.9%;
    --foreground: 0 0% 98%;
    --card: 240 10% 3.9%;
    --card-foreground: 0 0% 98%;
    --popover: 240 10% 3.9%;
    --popover-foreground: 0 0% 98%;
    --primary: 0 0% 98%;
    --primary-foreground: 240 5.9% 10%;
    --secondary: 240 3.7% 15.9%;
    --secondary-foreground: 0 0% 98%;
    --muted: 240 3.7% 15.9%;
    --muted-foreground: 240 5% 64.9%;
    --accent: 240 3.7% 15.9%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 0 85.7% 97.3%;
    --border: 240 3.7% 15.9%;
    --input: 240 3.7% 15.9%;
    --ring: 240 4.9% 83.9%;
    --chart-1: 220 70% 50%;
    --chart-2: 160 60% 45%;
    --chart-3: 30 80% 55%;
    --chart-4: 280 65% 60%;
    --chart-5: 340 75% 55%;
    --sidebar-background: 240 5.9% 10%;
    --sidebar-foreground: 240 4.8% 95.9%;
    --sidebar-primary: 224.3 76.3% 48%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 240 3.7%