Vercelは2026年6月25日(現地時間)、AIコーディングエージェントにプロダクトデザインの文脈を指導するシステム「product-design」を導入したと発表した。コードだけではUIがなぜその形になったかの意図を理解できない課題に対し、承認されたプロダクト決定をコードのようにリポジトリで管理し、エージェントが参照できるようにする。
product-designシステムは、プロダクトやコードベースの判断を要する決定の背景にある文脈をコーディングエージェントに提供するエージェントスキル、明確なルールを自動適用するリンター、そしてSlack、Figma、GitHubから証拠を収集しガイドライン更新を準備するレビューループの3つのパートで構成される。
このスキルはリポジトリ内のコードと共に存在し、その構造はAGENTS.md、SKILL.md、references/、exemplars/といった要素から成る。AGENTS.mdはコーディングエージェントにスキルをロードするタイミングを伝え、SKILL.mdはランタイムワークフローを管理する。references/にはプロダクト判断、インターフェース品質、回復性、コピー、正規のプロダクト名、インタラクションパターン、表面固有の決定が格納される。exemplars/は繰り返すべき決定や避けるべき誤りを文書化する。また、coverage-gaps.mdにはまだ標準がない領域がリストされる。
SKILL.mdはまずリクエストモードを解決する。モードには「shape（形作る）」、「implement（実装する）」、「review（レビューする）」、「copy（コピーを修正する）」、「harden（強化する）」が含まれる。これにより、監査が編集に変わったり、コピーの確認が再設計に発展したりすることを防ぐ。また、バックエンドのみの作業、テレメトリー、コンソールエラー、生成ファイル、および出荷されたUIに影響を与えないテストはスキップされる。スキルは正規の情報源にルーティングし、重複を避ける。
参考: Vercel Blog (アーカイブ) — 2026年6月25日 16:00 (JST)
原文ハイライト"SKILL.md resolves the request mode first: shape, implement, review, copy, or harden."