por Juanjo LunaCrear apps con agente y CopilotKit
Ayuda a construir apps web con un frontend React de CopilotKit y un agente hospedado en Microsoft Foundry. Te sirve cuando quieres unir interfaz, herramientas del agente y aprobaciones humanas.
Descripción original (inglés)
foundry-hosted-agent-copilotkit: Build and evolve agentic web apps that pair a CopilotKit React frontend with a Microsoft Agent Framework agent running as a Microsoft Foundry hosted agent, connected over the AG-UI protocol. Covers choosing the wiring, using Foundry-native primitives instead of hand-rolled plumbing, agent tools, human-in-the-loop approvals, generative UI and shared state, local run and azd deploy, debugging the event stream, and safe upgrades.
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta foundry-hosted-agent-copilotkit en el sitio donde tu agente busca sus skills.
- Sin terminal: abre la carpeta en GitHub, descárgala y cópiala en la carpeta de tu agente (tabla de abajo).
- Con terminal (macOS, Linux o Git Bash en Windows): elige tu agente y copia los comandos.
git clone --depth 1 https://github.com/github/awesome-copilot.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/skills/foundry-hosted-agent-copilotkit" ~/.claude/skills/foundry-hosted-agent-copilotkit
rm -rf /tmp/skill-src| Agente | Para todos tus proyectos | Solo un proyecto |
|---|---|---|
| Claude Code | ~/.claude/skills | .claude/skills |
| GitHub Copilot | ~/.copilot/skills | .github/skills |
| Codex | ~/.agents/skills | .agents/skills |
| Gemini CLI | ~/.gemini/skills | .gemini/skills |
Muchos agentes leen también .agents/skills. Reinicia el agente después de instalar. Antes de instalar una skill, revisa su SKILL.md y los scripts que incluya: se ejecutan con tus permisos.
Más skills de github/awesome-copilot
- Conocer un repositorio de código acquire-codebase-knowledge
- Evaluar preparación de repositorios para AgentRC acreadiness-assess
- Generar instrucciones para agentes IA acreadiness-generate-instructions
- Definir políticas de AgentRC acreadiness-policy
- Analizar rendimiento de campañas publicitarias ad-campaign-analyzer
- Añadir comentarios educativos a un archivo add-educational-comments
- Automatizar Adobe Illustrator con scripts adobe-illustrator-scripting
- Diseñar arquitectura de agentes IA agent-architecture
Explicación redactada con ayuda de IA a partir de la descripción original.