API And Interface Design
API And Interface Design is an agent skill (a SKILL.md file) from addyosmani/agent-skills. Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. It works with Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode and has 110,586 GitHub stars across a repository of 13 listed skills.
github.com/addyosmani/agent-skills/skills/api-and-interface-design (opens in a new tab)
Data as of from the GitHub API and skills.sh; description from the skill's SKILL.md. Report an error
- Multi-skill repo
- Plugin marketplace
- Design & frontend
- Active
Add this skill
Claude
This repository is a Claude Code plugin marketplace. In Claude Code:
/plugin marketplace add addyosmani/agent-skills
/plugin install agent-skills@addy-agent-skillsIn the Claude apps, zip the api-and-interface-design folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).
ChatGPT / Codex
Codex reads skills from .agents/skills/ in a repo or ~/.agents/skills/ for every project:
git clone --depth 1 https://github.com/addyosmani/agent-skills.git
cp -r agent-skills/skills/api-and-interface-design .agents/skills/api-and-interface-design # repo; ~/.agents/skills for all projectsStandalone skills also load in the ChatGPT desktop app.
Cursor
Cursor loads skills from .cursor/skills/ (or ~/.cursor/skills/) and also reads .claude/skills/:
git clone --depth 1 https://github.com/addyosmani/agent-skills.git
cp -r agent-skills/skills/api-and-interface-design .cursor/skills/api-and-interface-design # project; ~/.cursor/skills for all projectsSource (checked Oct 7, 2026): code.claude.com/docs/en/skills (opens in a new tab), code.claude.com/docs/en/plugin-marketplaces (opens in a new tab), support.claude.com/en/articles/12512180-using-skills-in-claude (opens in a new tab), learn.chatgpt.com/docs/build-skills (opens in a new tab), cursor.com/docs/context/skills (opens in a new tab)
What this skill does
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. Design stable, well-documented interfaces that are hard to misuse. Good interfaces make the right thing easy and the wrong thing hard.
When it triggers
- 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.
More skills in addyosmani/agent-skills
13 skills are listed from this repository.
Code Review And Qualityaddyosmani/agent-skills
Security And Hardeningaddyosmani/agent-skills
Frontend UI Engineeringaddyosmani/agent-skills
Performance Optimizationaddyosmani/agent-skills
Documentation And Adrsaddyosmani/agent-skills
Debugging And Error Recoveryaddyosmani/agent-skills
Code Simplificationaddyosmani/agent-skills
Test Driven Developmentaddyosmani/agent-skills
Incremental Implementationaddyosmani/agent-skills
Context Engineeringaddyosmani/agent-skills
Interview Meaddyosmani/agent-skills
Idea Refineaddyosmani/agent-skills
Similar skills
More design & frontend skills
Aster Atelier
nexu-io/open-design
Use this template when the user wants an artistic creative-studio website with classical imagery, cobalt skies, elegant serif typography and cinematic scrolling.
Active · last commit Oct 26, 2026
Design & frontendTypeScriptDesign Is
thedotmack/claude-mem
Audit a design against Dieter Rams' ten "Good design is..." principles, then hand off a /make-plan prompt for one of three outcomes — new design, refine design, or redesign.
Active · last commit Oct 25, 2026
Design & frontendTypeScriptDesign
nextlevelbuilder/ui-ux-pro-max-skill
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud, or MuAPI AI), corporate identity program (50 deliverables, CIP mockups), HTML…
Active · last commit Oct 26, 2026
Design & frontendPythonOrca Emulator
stablyai/orca
iOS Simulator control from inside Orca, with the live device view in Orca's emulator pane.
Active · last commit Oct 26, 2026
OfficialDesign & frontendTypeScriptNext Partial Prefetching Adoption
vercel/next.js
Turn on Partial Prefetching in a Next.js app and work through the insights it surfaces.
Active · last commit Oct 26, 2026
OfficialDesign & frontendJavaScriptBrand Guidelines
anthropics/skills
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel.
Maintained · last commit Oct 9, 2026
OfficialDesign & frontendPython
How do I install the API And Interface Design skill?
In Claude Code, run /plugin marketplace add addyosmani/agent-skills and then /plugin install agent-skills@addy-agent-skills. For Codex or Cursor, copy the api-and-interface-design folder into .agents/skills/ or .cursor/skills/.
Is the API And Interface Design skill free?
Yes. The repository is open source under the MIT license.
Is API And Interface Design maintained?
The repository's most recent commit was on Oct 13, 2026. Its latest release is 0.6.13. appsgit only lists skills from repositories with a commit in the last six months.