frontend-backend-integration

SKILL.md

| ApiResponse {code, message, data} | res.data | 前端是否用.data | | PaginatedResponse {items, total, page} | res.items, res.total | 前端是否直接访问 | | 嵌套对象 {category: {id, name}} | item.category.name | 组件是否正确访问 | | 数组字段 {tags: [...]} | item.tags.map() | 是否作为数组处理 |

{ id: number, title: string, slug: string, summary: string | null, coverimage: string | null, category: { id, name, slug } | null, tags: [{ id, name, slug }], authorname: string, views: number, publishedat: string | null }

このスキルは、ユーザーが前後エンド API 接続を検査し、インターフェースを調整し、データ形式の一致を確認する必要がある場合に使用されます。 ソース: aaaaqwq/claude-code-skills。

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/aaaaqwq/claude-code-skills --skill frontend-backend-integration インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

原文を見る