Du prompt au déploiement avec Circle Skills et Vercel Skills

Créer une application basée sur un stablecoin et la mettre en ligne sont deux défis différents.

La plupart des flux de travail les traitent encore séparément. Vous construisez d’abord, puis vous cherchez comment la mettre en production.

Désormais, grâce aux compétences d’agent, les deux peuvent se dérouler dans le même flux de travail.

skills.sh est un écosystème ouvert de compétences d’agent où les développeurs peuvent découvrir et installer des compétences réutilisables pour les agents de codage IA.

Circle Skills est disponible dans cet écosystème, offrant aux agents des conseils sur les meilleures pratiques pour les paiements en USDC, les transferts entre blockchains, les portefeuilles et les smart contracts, ainsi qu’un contexte en temps réel sur le SDK et la documentation. En coulisses, cela inclut l’accès à une infrastructure de qualité production telle que le RPC, l’indexation, les webhook et des flux de portefeuille sécurisés. L’ensemble complet des Circle Skills continue d’évoluer et est disponible dans l’annuaire des compétences.

Dans le même flux de travail, les développeurs peuvent utiliser les Vercel Skills pour passer de la construction locale à l’application déployée.

Ensemble, cela crée un flux unique : installez les Circle Skills, installez les Vercel Skills, soumettez votre requête à l’agent, puis construisez et déployez dans un seul flux de travail.

Installer les compétences

Commencez par installer les Circle Skills et les Vercel Skills :

npx skills add https://github.com/circlefin/skills
npx skills add vercel-labs/agent-skills

Si vous êtes invité à sélectionner des compétences et que vous n’êtes pas sûr, sélectionnez-les toutes. L’agent lit d’abord les métadonnées et ne charge que ce dont il a besoin au fur et à mesure que la tâche se déroule.

Ouvrez votre agent de codage IA

Une fois les compétences installées, ouvrez l’agent de codage de votre choix. Ce flux de travail fonctionne avec les agents qui prennent en charge les compétences, tels que Claude Code ou Codex. À ce stade, la configuration est terminée. L’étape suivante consiste à décrire ce que vous souhaitez construire.

Définissez l’application dans une requête

Par exemple, vous pourriez vouloir construire une application simple de demande de paiement sur Arc Testnet :

• créer une demande de paiement
• générer un lien partageable
• permettre à quelqu’un de payer en USDC
• vérifier le paiement en chaîne
• déployer l’application

Voici la requête :

Using Circle skills, build a simple payment request application on Arc Testnet where the user creates a payment request (amount, description, recipient) and get a shareable payment link. So when someone visits the link, they can see the details and make payment directly to the wallet address. The app should also be able to verify the payment onchain and updates the status to paid after polling. Use Vercel skills to deploy.

L’agent charge le contexte avant de construire

Après avoir reçu la requête, l’agent ne commence pas immédiatement à générer du code.

Il charge d’abord les compétences pertinentes :

• use-arcuse-usdcdeploy-to-vercel

Ensuite, il lit les références sous-jacentes avant de procéder à la construction.

Voici le flux de travail clé :

prompt → compétences chargées → contexte lu → construction → déploiement

Au lieu de deviner comment :

• configurer Arcgérer les transferts d’USDCstructurer les flux de portefeuilledeployer l’application

l’agent utilise le contexte fourni par les compétences installées.

Application du contexte Circle

Une fois les Circle Skills chargées, l’agent applique directement les modèles Arc et USDC.

Par exemple, pour configurer le client pour le réseau test Arc :

import { createPublicClient, http } from "viem";
import { arcTestnet } from "viem/chains";

const publicClient = createPublicClient({
  chain: arcTestnet,
  transport: http(),
});

Et pour utiliser le contrat USDC canonique sur le réseau test Arc :

const USDC = "0x3600000000000000000000000000000000000000"; // Arc Testnet USDC

const balance = await publicClient.readContract({
  address: USDC,
  abi: erc20Abi,
  functionName: "balanceOf",
  args: [address as `0x${string}`],
});

Cela garantit que l’application utilise :

• la configuration réseau Arc correctele contrat USDC canoniqueles modèles d’interaction ERC-20 standard

C’est là que les Circle Skills apportent de la valeur. Elles guident l’agent vers l’implémentation en chaîne correcte dès le départ.

De la construction au déploiement

Une fois l’application générée, elle doit encore être utilisable. C’est là qu’interviennent les Vercel Skills. Le même flux de travail permet de passer d’une construction locale à une application déployée avec une URL partageable, transformant une implémentation fonctionnelle en quelque chose que quelqu’un d’autre peut réellement utiliser.

Les Circle Skills gèrent le flux monétaire. Les Vercel Skills gèrent le déploiement.

Essayez le flux de travail vous-même

Installez Circle Skills et Vercel Skills, ouvrez votre agent de codage et décrivez l’application que vous souhaitez créer. Vous pouvez explorer l’exemple déployé ici.

Testez vos propres idées, soumettez des prompts à l'agent et laissez-le construire et déployer le tout dans le même flux de travail. Pour en savoir plus

C'est le passage du prompt au déploiement.

_{Circle Technology Services, LLC (« CTS ») est un fournisseur de logiciels et ne fournit pas de services financiers ou de conseil réglementés. Vous êtes seul responsable des services que vous fournissez aux utilisateurs, y compris l'obtention des licences ou approbations nécessaires et le respect des lois applicables. Pour plus de détails, veuillez cliquer ici pour consulter les conditions d'utilisation de Circle Developer.}

_{L’USDC est émis par des sociétés affiliées réglementées de Circle. Voir la liste des autorisations réglementaires de Circle.}

_{L'EURC est émis par des sociétés affiliées réglementées de Circle. Consultez la liste des autorisations réglementaires de Circle.}

_{Le réseau test Arc est proposé par Circle Technology Services, LLC (« CTS »). CTS est un fournisseur de logiciels et ne fournit pas de services financiers ou de conseil réglementés. Vous êtes seul responsable des services que vous fournissez aux utilisateurs, y compris l'obtention des licences ou approbations nécessaires et le respect des lois applicables.}

_{Arc n'a pas été examiné ni approuvé par le Département des services financiers de l’État de New York (NYDFS).}

_{Les fonctionnalités de produit décrites dans ces documents sont fournies à titre informatif uniquement. Toutes les fonctionnalités de produit peuvent être modifiées, retardées ou annulées sans préavis, à tout moment et à la seule discrétion de Circle Technology Services, LLC. Rien dans ce document ne constitue un engagement, une garantie ou un conseil en investissement.}