菜单
Work on Open Source / GitHub pages and API. Use when modifying GitHub profile, repositories, readme, last activities, open-source routes, or GitHub-related hooks and components.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | github-open-source |
| description | Work on Open Source / GitHub pages and API. Use when modifying GitHub profile, repositories, readme, last activities, open-source routes, or GitHub-related hooks and components. |
Guidance for the Open Source feature (GitHub API, routes, hooks, and UI).
GitHubClient class using @octokit/graphql. Config: GITHUB_TOKEN, username from lib/config/personal (personal.social.github). Retries, timeout, and in-memory cache TTL (default 5 min).cache():
getProfile(), getReadme(), getRepository(repository), getLastActivities().app/api/open-source/.GET /api/open-source/profile — app/api/open-source/profile/route.ts. Returns GitHub profile.GET /api/open-source/last-activities — app/api/open-source/last-activities/route.ts. Returns recent activity.GET /api/open-source/readme — app/api/open-source/readme/route.ts. Returns readme content (e.g. for rendering).GET /api/open-source/repositories/[slug] — app/api/open-source/repositories/[slug]/route.ts. Single repository by slug/name.!res.ok where appropriate so SWR sets isError; profile route may return 200 with data or error payload — align hook fetcher with that.useGithub(). Uses SWR for:
/api/open-source/profile — refresh 10min; updates setGithubProfile in UIProvider./api/open-source/last-activities — refresh 5min; throws on !res.ok; updates setLastActivities.githubProfile, lastActivities, and setters. Use for components that show profile or activity without refetching.aria-live="polite" per project a11y standards.GitHubClient in lib/github.ts if it calls GitHub; wrap the public getter in cache().app/api/open-source/.!res.ok for critical data and surface isError in UI. Use dynamic wrappers + skeletons for heavy sections.Implement or audit WCAG 2.1 AA accessibility. Use when adding skip navigation, fixing heading hierarchy, setting up aria-live regions, handling reduced motion, adding screen reader text, or auditing a component for a11y compliance.
Add or change MDX articles and blog behavior. Use when working with blog posts, MDX content, article frontmatter, related articles, reading time, article series, or blog routes and layouts.
Add or fix error boundaries, loading states, and API error handling. Use when adding error.tsx, loading.tsx, global-error.tsx, or not-found.tsx to a route, fixing SWR error propagation, or handling API route failures.
Change SEO, metadata, or analytics. Use when working with JSON-LD, Open Graph, sitemap, robots, breadcrumbs, page metadata, or Google Tag Manager.
Work on Spotify API, API routes, or Spotify UI. Use when modifying Spotify playback, playlists, profile, top artists/tracks, token refresh, normalization, or Spotify-related hooks and components.
Change Terminal UI or behavior. Use when working with the Terminal component, command registry, terminal commands, terminal hooks, or terminal cookie state.