AI导哈

React待办应用开发工具

一个基于React的待办应用示例，用于展示如何利用GitHub Copilot进行代理开发，包含预配置的聊天模式、提示和代理定义。

  • by justassavickasvisma
  • JavaScript
  • 本地部署
  • 1 星标
  • 更新于
在 GitHub 查看 justassavickasvisma/copilot-example

使用说明

使用GitHub Copilot进行代理开发的React To Do应用程序

此存储库包含一个简单的React To Do应用程序，旨在作为使用GitHub Copilot进行代理开发的示例。它提供了一个预先配置的环境，其中包含聊天模式、提示、说明和代理的示例，以简化人工智能辅助开发工作流程。

目的

此存储库的主要目标是演示如何构建一个“代理工作就绪”的项目。这包括：

  • GitHub副本配置：指导GitHub Copilot的说明、提示和聊天模式示例。
  • 代理定义一 agents.md 定义不同AI代理的角色和功能的文件。
  • MCP预配置：该项目旨在与模型上下文协议（MCP）兼容。
  • 简单的程序React To Do应用程序是使用AI代理进行测试和开发的实用游乐场。

里面是什么？

.github 目录

此目录是Copilot配置的核心。

  • /agents：包含不同AI代理的定义。例如， web-developer-agent.md 定义了一个专门从事前端开发的代理。
  • /chatmodes：定义与Copilot交互的不同模式，例如 coding, research，以及 testing.
  • /instructions：为不同的文件类型提供具体的指导方针，例如 frontend-instructions.md React组件。
  • /prompts：常见开发任务的提示集合，如 feature-development.prompt.md 和 bug-fix.prompt.md.
  • agents.md：列出并描述可用代理的文件。
  • copilot-instructions.md：GitHub Copilot在整个存储库中应遵循的一般说明。

src 目录

简单的React To Do应用程序的源代码。这是您可以尝试代理驱动开发的地方。

入门指南

  1. 探索 .github 目录：熟悉提供的提示、说明和代理示例。
  2. 使用待办事项应用程序：与React应用程序交互，为开发任务奠定基础。
  3. 利用Copilot聊天：使用配置的提示和代理让Copilot执行任务，例如向待办事项应用程序添加新功能或修复错误。例如，您可以使用 feature-development.prompt.md 要求一个新功能。

此存储库是在GitHub Copilot中构建和试验代理工作流的起点。您可以随意扩展和定制它以满足您的需求。

相关 MCP