api-and-interface-design Skill
★ Stars are for the whole repo, not this skill
What it does
api-and-interface-design is 1 of 24 skills in the agent-skills repo
Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type contracts between modules, or establishing boundaries between frontend and backend.
- Connects Instruction files the AI reads; connects to nothing
- Account or key No key needed
- Category コーディング
Skill と MCP の違い
MCP は AI を外部のサービスやデータにつなぎます。Skill は AI が読んで従う作業手順書で、何にも接続しません。
使えるアプリ
Claude CodeCodexCursorGemini CLIGitHub CopilotWindsurfOpenCodeKiro
提供元の README と repo のフォルダから判断
インストール
Is it safe?
- Who made it
GitHub account addyosmani (person), 17 years old
- Use and upkeep
★ 115,500 stars · code last changed 2026年11月2日
- Any scripts?
No, plain text files the AI reads and follows
- Uses the internet?
No scripts, so it does not go online by itself
- Changes machine-wide settings?
No hooks or writes to machine settings found
Checked automatically from the repo files at commit 301b02b (read only, nothing was run). Not a safety guarantee: read it and decide for yourself
Let the AI install it
Works in Claude Code, Codex and Cursor · Copy this sentence into the app’s chat
For one project, paste it into a chat that is open in that project’s folder · The AI always shows you the path before installing
The AI tells you what it will do first and asks your permission at every step
Checked against official docs 2026年11月12日 · Source: code.claude.com, learn.chatgpt.com, cursor.com
For Terminal users
Skill は AI が従う指示です。入れる前にファイルを読み、信頼できる提供元のものだけを入れてください。
提供元のおすすめの方法
npx skills add addyosmani/agent-skills提供元の README から引用。提供元のコードをダウンロードして実行します
どのアプリを使っていますか？
ターミナルを開く
Mac：Command+スペースで Terminal と入力 · Windows：PowerShell を開く（下のコマンドは Mac/Linux 用）
skill フォルダを ~/.claude/skills にコピー
repo を一時フォルダにダウンロードし、SKILL.md のあるフォルダだけをコピーします
rm -rf /tmp/popnx-skill && git clone --depth 1 https://github.com/addyosmani/agent-skills.git /tmp/popnx-skill && mkdir -p ~/.claude/skills && cp -R '/tmp/popnx-skill/skills/api-and-interface-design' ~/.claude/skills/api-and-interface-design && rm -rf /tmp/popnx-skillClaude Code を開き直し、/api-and-interface-design と入力するか関連する作業を頼むと Claude が自動で使います
ターミナルを開く
Mac：Command+スペースで Terminal と入力 · Windows：PowerShell を開く（下のコマンドは Mac/Linux 用）
skill フォルダを ~/.agents/skills にコピー
repo を一時フォルダにダウンロードし、SKILL.md のあるフォルダだけをコピーします
rm -rf /tmp/popnx-skill && git clone --depth 1 https://github.com/addyosmani/agent-skills.git /tmp/popnx-skill && mkdir -p ~/.agents/skills && cp -R '/tmp/popnx-skill/skills/api-and-interface-design' ~/.agents/skills/api-and-interface-design && rm -rf /tmp/popnx-skillCodex を開き直して関連する作業を頼むと、Codex が skill を一覧に出します
ターミナルを開く
Mac：Command+スペースで Terminal と入力 · Windows：PowerShell を開く（下のコマンドは Mac/Linux 用）
skill フォルダを ~/.cursor/skills にコピー
repo を一時フォルダにダウンロードし、SKILL.md のあるフォルダだけをコピーします
rm -rf /tmp/popnx-skill && git clone --depth 1 https://github.com/addyosmani/agent-skills.git /tmp/popnx-skill && mkdir -p ~/.cursor/skills && cp -R '/tmp/popnx-skill/skills/api-and-interface-design' ~/.cursor/skills/api-and-interface-design && rm -rf /tmp/popnx-skillCursor の Agent チャットで / を入力し api-and-interface-design を選ぶ
Gemini CLI や GitHub Copilot など Agent Skills 対応の他のアプリはフォルダが違います。そのアプリのガイドを見て、SKILL.md のあるフォルダをコピーしてください。
2026年11月11日 に Claude Code、Codex、Cursor の公式ガイドで skill フォルダを確認
Upload to claude.ai (web and app)
Uploading to claude.ai would fail: the description is over 200 characters (251). Use "Let the AI install it" instead
話し合い
質問、コツの共有、使えないことの報告ができます。「役に立った」の多い順です。
GitHub の情報
- GitHub スター
- 115,500
Stars are for the whole repo, not this skill - 提供元
- addyosmani
- ライセンス
- MIT
- 最終コード更新
- 2026年11月2日
- repo 内の SKILL.md
- 1
- トピック
- agent-skills, antigravity, claude-code, codex, cursor, skills