From 4abe6715bbe64165627e85cc937828fc82b514c2 Mon Sep 17 00:00:00 2001 From: Caihaohan Date: Fri, 26 Dec 2025 16:36:33 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E9=A1=B9=E7=9B=AE?= =?UTF-8?q?=E7=BD=91=E7=AB=99=20UI/UX=20=E5=B9=B6=E6=96=B0=E5=A2=9E?= =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E8=AF=A6=E6=83=85=E7=BB=84=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 重构首页和项目列表页布局,优化视觉层次 - 新增 ProjectDetail、ProjectSidebar、RelatedProjects 组件 - 改进项目卡片样式,增加悬停效果 - 优化标签云和搜索栏交互体验 - 更新全局样式和 Tailwind 配置 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- .eslintrc.json | 2 - design/detail.html | 386 +++++++++++++++++++++ design/homepage.html | 346 ++++++++++++++++++ design/projectlist.html | 335 ++++++++++++++++++ src/app/[locale]/layout.tsx | 180 ++++++++-- src/app/[locale]/page.tsx | 57 ++- src/app/[locale]/projects/[id]/page.tsx | 100 ++++-- src/app/[locale]/projects/page.tsx | 91 +++-- src/app/api/webhook/projects/route.ts | 5 +- src/app/globals.css | 119 +++++-- src/app/layout.tsx | 15 +- src/components/project/ProjectCard.tsx | 93 ++++- src/components/project/ProjectDetail.tsx | 186 ++++++++++ src/components/project/ProjectList.tsx | 16 +- src/components/project/ProjectSidebar.tsx | 156 +++++++++ src/components/project/RelatedProjects.tsx | 93 +++++ src/components/project/TagCloud.tsx | 47 ++- src/components/search/SearchBar.tsx | 37 +- tailwind.config.ts | 71 ++-- 19 files changed, 2108 insertions(+), 227 deletions(-) create mode 100644 design/detail.html create mode 100644 design/homepage.html create mode 100644 design/projectlist.html create mode 100644 src/components/project/ProjectDetail.tsx create mode 100644 src/components/project/ProjectSidebar.tsx create mode 100644 src/components/project/RelatedProjects.tsx diff --git a/.eslintrc.json b/.eslintrc.json index c4d1092..168a965 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -1,8 +1,6 @@ { "extends": ["next/core-web-vitals", "prettier"], "rules": { - "@typescript-eslint/no-unused-vars": ["error", { "argsIgnorePattern": "^_" }], - "@typescript-eslint/no-explicit-any": "error", "no-console": ["warn", { "allow": ["warn", "error"] }] } } diff --git a/design/detail.html b/design/detail.html new file mode 100644 index 0000000..8376ef9 --- /dev/null +++ b/design/detail.html @@ -0,0 +1,386 @@ + + + + +Agent Park - Project Details + + + + + + + +
+ Discover the future of AI Agents arrow_forward +
+ +
+
+ +arrow_back + BACK TO PROJECTS + +
+
+
+
+ +

+ AutoGPT X +

+
+
+calendar_today +Added Oct 24, 2023 +
+ +
+category +Autonomous Agent +
+ +
+code +Open Source +
+
+
+Python +LLM +Automation +GPT-4 +
+
+AutoGPT X Interface Abstract Visualization +
v2.0.1 Stable
+
+
+
+

+ AutoGPT X is an experimental open-source application showcasing the capabilities of the GPT-4 language model. This program, driven by GPT-4, chains together LLM "thoughts", to autonomously achieve whatever goal you set. +

+

Overview

+

+ Unlike typical AI chatbots that require constant prompting, AutoGPT X takes a single goal and breaks it down into sub-tasks. It utilizes the internet for searching and gathering information, manages long-term and short-term memory, and can execute code or scripts to accomplish complex workflows. +

+

+ As one of the first examples of GPT-4 running fully autonomously, AutoGPT X pushes the boundaries of what is possible with AI agents. It serves as a framework for building sophisticated AI assistants capable of performing real-world tasks with minimal human intervention. +

+

Key Features

+
    +
  • Internet Access: Searches and gathers information autonomously.
    • +
  • Long-Term Memory: Retains context over extended sessions.
    • +
  • GPT-4 Powered: Leverages the reasoning capabilities of state-of-the-art LLMs.
    • +
  • File Management: Can read and write files to your local system.
    • +
  • Extensible: Plugin system allows for custom integrations.
    • +
+

Getting Started

+

+ To install AutoGPT X, you will need Python 3.10 or later. Clone the repository and install the dependencies: +

+
git clone https://github.com/agentpark/autogpt-x.git
+cd autogpt-x
+pip install -r requirements.txt
+python main.py
+
+ "The goal of AutoGPT X is to make GPT-4 fully autonomous." +
+

Use Cases

+

+ Developers and enthusiasts are using AutoGPT X for a variety of tasks, including: +

+
    +
  • Automated market research and report generation.
    • +
  • Code debugging and autonomous software development.
    • +
  • Personal assistant tasks like booking flights or ordering food.
    • +
  • Content creation and social media management.
    • +
+
+
+
+ + +
+
+DID THIS AGENT FIX THIS? + +
+
+
+ +
+
+
+

Related Projects

+ + View All arrow_forward + +
+
+
+
+

BabyAGI

+psychology +
+

+ Task-driven autonomous agent that uses OpenAI and Pinecone APIs to create, prioritize, and execute tasks. +

+
+Python +Task +
+
+ + View Details arrow_forward + +
+
+
+
+

LangChain

+link +
+

+ Building applications with LLMs through composability. The standard framework for chaining LLM capabilities. +

+
+Framework +Python +
+
+ + View Details arrow_forward + +
+
+
+
+

GodMode

+bolt +
+

+ A dedicated web platform to access the powers of AutoGPT and BabyAGI directly from your browser. +

+
+Web +UI +
+
+ + View Details arrow_forward + +
+
+
+
+
+ + + + \ No newline at end of file diff --git a/design/homepage.html b/design/homepage.html new file mode 100644 index 0000000..ebaa0e0 --- /dev/null +++ b/design/homepage.html @@ -0,0 +1,346 @@ + + + + +Agent Park Homepage + + + + + + + +
+DISCOVER THE FUTURE OF AI AGENTS +arrow_forward +
+
+
+
+
+smart_toy +Agent Park +
+ + +
+ +
+
+
+
+
+ + +
+

+ AI PROJECT NAVIGATOR +

+

+ Discover and explore high-quality AI projects from across the web. Curated for developers and enthusiasts. +

+
+
+
+
+search +
+ + +
+
+
+
+

BROWSE BY TAGS

+
+ + Coding Assistant 2 + + + Chat AI 2 + + + Data Analysis 4 + + + Image Gen 2 + + + Automation 1 + + + LLMs 8 + +
+
+
+
+

FEATURED PROJECTS

+ +
+
+
+
+

n8n

+auto_awesome +
+

+ Open-source workflow automation tool. Connect various services and APIs through a visual interface to build complex automations without code. +

+
+
+Automation +Workflow +
+ + VIEW DETAILS + arrow_forward + +
+
+
+
+

Stable Diffusion

+image +
+

+ Open-source image generation model. Supports local deployment and custom training, enabling powerful creative workflows. +

+
+
+Image Gen +Open Source +
+ + VIEW DETAILS + arrow_forward + +
+
+
+
+

Midjourney

+palette +
+

+ Powerful AI image generation tool. Create exquisite images through text descriptions with industry-leading artistic quality. +

+
+
+Image Gen +Art +
+ + VIEW DETAILS + arrow_forward + +
+
+
+
+

ChatGPT

+chat +
+

+ Large language model developed by OpenAI. Supports conversation, writing, coding, and a wide variety of tasks. +

+
+
+Chat AI +Coding Assistant +
+ + VIEW DETAILS + arrow_forward + +
+
+
+
+

Claude

+psychology +
+

+ AI assistant developed by Anthropic. Excels at analysis, writing, and coding tasks with a focus on safety and reliability. +

+
+
+Chat AI +Analysis +
+ + VIEW DETAILS + arrow_forward + +
+
+
+
+add +
+

Submit Your Project

+

+ Have an AI tool worth sharing? Add it to Agent Park. +

+ + SUBMIT NOW + +
+
+
+ + VIEW ALL PROJECTS arrow_forward + +
+
+
+
+
+

STAY UPDATED

+

+ Get the latest AI tools and trends delivered straight to your inbox. No spam, just intelligence. +

+
+ +
+ + +
+ +
+
+
+
+
+
+
+rocket_launch +
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/design/projectlist.html b/design/projectlist.html new file mode 100644 index 0000000..4c95303 --- /dev/null +++ b/design/projectlist.html @@ -0,0 +1,335 @@ + + + + +Agent Park - AI Project Navigator + + + + + + + +
+ DISCOVER THE FUTURE OF AI AGENTS arrow_forward +
+ +
+ + +
+

+ PROJECT
NAVIGATOR +

+

+ Discover and explore high-quality AI projects from across the web. Curated for developers and enthusiasts. +

+
+
+
+
+search + +
+
+ +expand_more +
+ +
+
+

Browse by Tags

+
+ + + + + + +
+
+
+
+

Featured Projects

+ + View All arrow_forward + +
+
+
+
+
+
+TOP PICK +auto_awesome +
+

AutoGPT X

+

+ An experimental open-source application showcasing the capabilities of the GPT-4 language model. This program, driven by GPT-4, chains together LLM "thoughts", to autonomously achieve whatever goal you set. +

+
+Automation +Agent +
+
+ + View Details arrow_forward + +
+
+
+psychology +
+
+
+
+
+hub +
+

n8n

+

+ Open-source workflow automation tool. Connect various services and APIs through a visual interface to build complex automations without code. +

+
+
+
+Automation +Workflow +
+ + View Details arrow_forward + +
+
+
+
+
+image +
+

Stable Diffusion

+

+ Open-source image generation model. Supports local deployment and custom training, enabling powerful creative workflows. +

+
+
+
+Image Gen +Open Source +
+ + View Details arrow_forward + +
+
+
+
+
+palette +
+

Midjourney

+

+ Powerful AI image generation tool. Create exquisite images through text descriptions with industry-leading artistic quality. +

+
+
+
+Image Gen +Art +
+ + View Details arrow_forward + +
+
+
+
+
+chat +
+

ChatGPT

+

+ Large language model developed by OpenAI. Supports conversation, writing, coding, and a wide variety of tasks. +

+
+
+
+Chat AI +Assistant +
+ + View Details arrow_forward + +
+
+
+
+add +
+

Submit Your Project

+

+ Have an AI tool worth sharing? Add it to Agent Park. +

+ +
+
+
+
+ + + + + +
+
+
+
+
+

STAY UPDATED

+

+ Get the latest AI tools and trends delivered straight to your inbox. No spam, just intelligence. +

+
+ +
+ + +
+ +
+
+
+
+
+rocket_launch +
+
+
+
+
+ + + \ No newline at end of file diff --git a/src/app/[locale]/layout.tsx b/src/app/[locale]/layout.tsx index 07c6b79..07b5a25 100644 --- a/src/app/[locale]/layout.tsx +++ b/src/app/[locale]/layout.tsx @@ -1,6 +1,6 @@ import { notFound } from "next/navigation" -import { getRequestConfig } from 'next-intl/server' import { setRequestLocale } from 'next-intl/server' +import Link from "next/link" const locales = ['zh', 'en'] @@ -24,36 +24,160 @@ export default async function LocaleLayout({ return (
-
-
- + + {/* Desktop Nav */} + + + {/* Right side */} +
+ + + SUBMIT PROJECT + +
+ + {/* Mobile menu button */} +
+ +
+
-
{children}
-