recca0120
- 35 skills
- 0 followers
- 9 hours ago last updated
- ▌ Hugo · recca0120Provides Hugo static site generator reference for configuration, templates, content management, and multilingual setup. Use when modifying Hugo site config, creating templates or shortcodes, managing content structure, or debugging Hugo build issues.
- ▌ Url To Blog · recca0120當使用者單純貼一個 URL 時，自動詳讀該網址的內容，整理成技術部落格文章。 觸發條件：訊息只有一個或多個 URL，沒有其他指示。 流程：讀內容 → 搜尋相關舊文章 → 問使用者確認方向 → 寫文章。
- ▌ Humanizer Zh · recca0120 bundleDetects and removes AI-generated writing patterns from Chinese text (both 繁體 and 简体), making it sound natural and human-written. Use this skill whenever editing, reviewing, translating, or drafting any Chinese prose longer than a short sentence — including blog posts, article sections pasted by the user, AI-drafted translations, or any text that smells "AI-ish" (exaggerated symbolism, promotional tone, formulaic三段式 structure, filler phrases like "此外/然而/總而言之"). Preserve the original script variant (繁體 → 繁體, 简体 → 简体) — never silently convert between them.
- ▌ Hugo Theme Stack · recca0120Provides Hugo Stack theme configuration reference including sidebar, widgets, comments (Giscus), color scheme, article options, custom CSS, and Stack-specific shortcodes. Use when configuring or troubleshooting Stack theme settings.
- ▌ Tech Blog Writing · recca0120 bundleGuides writing and editing technical blog posts for recca0120.github.io (Hugo + Stack theme, bilingual zh-hant-tw + en). Covers article structure, SEO, frontmatter conventions, cover image generation, internal links via Hugo ref shortcode, plain blockquote callouts (for cross-post compatibility), and humanized zh-hant writing style. Use this skill whenever the user writes, drafts, edits, translates, or restructures any article on this blog — even if they don't explicitly say "blog post" (e.g. "幫我整理成一篇", "改寫這段", "翻成英文版").
- ▌ Vite · recca0120Vite 6/7 最佳實踐指南。當需要初始化 Vite 專案、設定 plugin、配置 build、除錯 HMR、path alias 或整合 React/TS/Vitest 時使用。
- ▌
- ▌ Cubejs · recca0120cubejs (Rubik's Cube solver, Kociemba two-phase) 使用指南。當需要實作魔術方塊自動解法、狀態字串序列化、或 scramble 產生時使用。
- ▌ Zustand · recca0120Zustand 5 最佳實踐指南。當需要建立 store、設計 selector、使用 middleware (persist/immer/devtools)、或處理 React 狀態管理時使用。
- ▌ Msw Fetch Mock · recca0120msw-fetch-mock 套件使用指南（搭配 MSW v2 + Vitest）。當需要 mock HTTP 請求、測試 fetch 呼叫、驗證 API 互動時使用。
- ▌ React Three Fiber · recca0120React Three Fiber (R3F) + Three.js + drei 最佳實踐。當需要建立 3D 場景、處理相機/光照、互動事件、動畫、效能優化時使用。
- ▌
- ▌ Skills Analyzer · recca0120 bundleAnalyzes Claude Code Skills for lint issues and duplicate content. Use when user asks to analyze skills, lint skills, check quality, or find duplicates.
- ▌
- ▌
- ▌ Tab Indented Skill · recca0120This skill uses tabs for indentation. Tabs should not be used in YAML.
- ▌ Processing Documents · recca0120Processes various document formats and extracts content. Use when user asks to process documents, extract text, or convert file formats.
- ▌ Analyzing Documents · recca0120Analyzes documents for insights and patterns. Use when user asks to analyze documents, find patterns, or generate reports.
- ▌ Skills Extractor · recca0120 bundleExtracts duplicate content from Skills into shared modules. Use when user asks to refactor skills, extract common content, or merge duplicates.
- ▌ Skills Validator · recca0120 bundleValidates Skills after refactoring to ensure they work correctly. Use when user asks to validate skills, verify refactoring, or check skills still work.
- ▌ Msw · recca0120MSW (Mock Service Worker) 2.x 最佳實踐指南。當需要在 Vitest 中攔截 HTTP 請求、測試 API 整合（含 Octokit）、模擬錯誤/rate limiting、或組織 mock handlers 時使用。
- ▌ Tdd · recca0120TDD（Test-Driven Development）最佳實踐指南。當需要撰寫測試、實踐 TDD、設計測試結構、或討論測試策略時使用。也應在用戶要建置新專案、開發新功能、或寫程式練習時主動套用，確保開發流程從一開始就遵循 Red-Green-Refactor 循環，而非事後補測試。
- ▌ Zod · recca0120Zod v4 schema validation 最佳實踐指南。當需要定義 schema、驗證/解析 JSON 資料、type inference、或處理 unknown data 時使用。
- ▌ Svelte · recca0120Svelte 5 + Astro 整合最佳實踐指南。當需要建立 Svelte 元件、使用 runes API、整合 Astro islands、或用 Testing Library 測試 Svelte 元件時使用。
- ▌ Vitest · recca0120Vitest 4.x 測試框架最佳實踐指南。當需要設定測試、撰寫單元/元件測試、mocking、coverage、整合 Astro/Three.js 測試時使用。
- ▌ Octokit · recca0120Octokit.js (@octokit/rest) GitHub API 最佳實踐指南。當需要使用 GitHub REST/GraphQL API、設定 rate limiting、pagination、搜尋使用者、取得 contribution 資料時使用。
- ▌ Threejs · recca0120Three.js 3D 視覺化最佳實踐指南（r183+）。當需要建立 3D 場景、設定 renderer/camera/lights、使用 OrbitControls、做 raycasting 互動、效能優化、或整合 Astro 時使用。
- ▌
- ▌
- ▌
- ▌ Satori Og · recca0120Satori + @resvg/resvg-js OG image 產生最佳實踐指南。當需要產生 Open Graph 預覽圖、設定 OG/Twitter Card meta tags、或整合 Astro build-time image 產生時使用。
- ▌ Test Doubles · recca0120Test Doubles 最佳實踐指南，包含五種類型詳解與使用優先順序。當需要選擇 Mock/Stub/Fake/Spy/Dummy、或討論測試隔離策略時使用。
- ▌ Github Actions · recca0120GitHub Actions CI/CD 最佳實踐指南。當需要設定 workflow、cron 排程、GitHub Pages 部署、使用 Octokit API、或處理 rate limiting 時使用。
- ▌ Github GRAPHQL · recca0120GitHub GraphQL API 最佳實踐指南。當需要使用 GraphQL 查詢使用者資料、處理 cursor pagination、計算 rate limit、或除錯 GraphQL errors 時使用。
- ▌ Top Github Users Ref · recca0120gayanvoice/top-github-users 架構參考指南。當需要了解 GitHub 使用者排行榜的資料抓取管線、國家設定、排行計算邏輯、已知問題、或社群需求時使用。