메뉴
Fetches source code for npm packages and GitHub repositories to provide AI agents with implementation details beyond types. Use when you need to understand how a package works internally or reference its actual implementation.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Best practices for production logging — structured data, wide events, high cardinality, and queryable logs. Use when implementing logging, debugging production issues, designing observability, or when asked "why can't I find anything in the logs?"
Advanced web search via Exa MCP server. Use when you need: (1) High-quality web search with better results than standard search, (2) Deep research across multiple sources, (3) Code context search, (4) Company research, (5) LinkedIn search, or (6) Crawling web pages. The Exa MCP provides tools: web_search (advanced search), get_code_context (deep code search), crawling_exa (page crawling), company_research_exa, linkedin_search_exa, and deep_researcher.
Implement Autumn billing and payments in applications. Use when building subscription systems, usage-based billing, paywalls, feature gates, or monetization features. Autumn is an open-source billing layer between your app and Stripe.
Builds accessible, consistent UI components using shadcn/ui with Tailwind v4 following strict design system guidelines. Use for frontend development, component creation, design implementation, and UI consistency across projects.
Set up btca (Better Context) in a project by scanning dependencies, proposing resources, creating btca.config.jsonc, updating AGENTS.md, and explaining usage modes. Use when asked to configure btca/better-context for a repo.
Create or update a Makefile with dev and build targets that run the repo's actual development and build commands. Use when asked to standardize run/build commands or add Makefile targets.
| name | fetching-npm-source |
| description | Fetches source code for npm packages and GitHub repositories to provide AI agents with implementation details beyond types. Use when you need to understand how a package works internally or reference its actual implementation. |
Uses the opensrc CLI tool to fetch source code for npm packages and GitHub repositories, enabling deeper context for analyzing implementations.
.gitignore, tsconfig.json, and AGENTS.mdThe skill uses opensrc, which must be installed globally:
npm install -g opensrc
Or use with npx (no installation needed):
npx opensrc <package>
Get source code for a package at your installed version:
opensrc zod
This stores source in opensrc/zod/ and auto-detects the version from your lockfile.
opensrc zod@3.22.0
opensrc react react-dom next
# Using shorthand
opensrc facebook/react
# Using full GitHub URL
opensrc https://github.com/colinhacks/zod
# Fetch specific branch or tag
opensrc owner/repo@v1.0.0
GitHub repos are stored as opensrc/owner--repo/.
opensrc list
Displays all packages with versions and paths. The data is stored in opensrc/sources.json.
# Remove package
opensrc remove zod
# Remove GitHub repo
opensrc remove owner--repo
On first run, opensrc asks permission to modify:
.gitignore — adds opensrc/ to ignore listtsconfig.json — excludes opensrc/ from compilationAGENTS.md — adds section pointing agents to source codeSkip the prompt with:
opensrc zod --modify # Allow modifications
opensrc zod --modify=false # Deny modifications
Preferences are saved to opensrc/settings.json.
After fetching, your project contains:
opensrc/
├── settings.json # Your modification preferences
├── sources.json # Index of fetched packages
└── zod/
├── src/
├── package.json
└── ... (all source files)
The sources.json tracks what's available:
{
"packages": [
{ "name": "zod", "version": "3.22.0", "path": "opensrc/zod" }
]
}