Thomas Hu Knowledge Base

skills.sh

3 min read

skills.sh

skills.sh 是一个 AI Agent Skills 生态与工具入口。你可以在网站找技能、用命令安装技能、然后在不同 AI 代理里复用。

快速上手（常用命令）：

  • 安装技能：npx skills add owner/repo
  • 搜索技能：到 https://skills.sh 按关键词搜索

列出已安装技能（按环境）：

  • Codex（Windows PowerShell）：Get-ChildItem "$env:USERPROFILE/.codex/skills"
  • Claude Code（Windows PowerShell，全局）：Get-ChildItem "$env:USERPROFILE/.claude/skills"
  • Claude Code（项目级）：Get-ChildItem ".claude/skills"
  • 通用 Bash：ls -la ~/.codex/skills ~/.claude/skills ./.claude/skills 2>/dev/null

Quick List

Item Details

find-skills

  • What it is:
    • 用于发现和检索可用技能。
  • Why it matters:
    • 先找现成能力，再决定是否自建。
  • Input / Output:
    • 输入：任务关键词；输出：候选技能列表。
  • When to use:
    • 每次开始新任务前。
  • How to use (quick start):
    • 在 skills.sh 搜索并筛选匹配场景。
  • Installation notes (if needed):
    • 无。
  • Limits / caveats:
    • 命名不统一时建议多关键词检索。
  • Links:

vercel-react-best-practices

  • What it is:
    • React + Vercel 项目的工程最佳实践。
  • Why it matters:
    • 统一部署、性能和结构规范。
  • Input / Output:
    • 输入：React/Vercel 项目；输出：实践清单与结构建议。
  • When to use:
    • 新项目启动或重构。
  • How to use (quick start):
    • 先套结构与部署策略，再写业务代码。
  • Installation notes (if needed):
    • 需结合当前框架版本。
  • Limits / caveats:
    • Next/Vite 细节会不同。
  • Links:

web-design-guidelines

  • What it is:
    • 网页设计规范与可用性指南。
  • Why it matters:
    • 提升可读性和一致性。
  • Input / Output:
    • 输入：页面目标；输出：布局/排版/可访问性建议。
  • When to use:
    • 页面设计前。
  • How to use (quick start):
    • 先定 token 与规则，再实现。
  • Installation notes (if needed):
    • 无。
  • Limits / caveats:
    • 需结合品牌规范。
  • Links:

remotion-best-practices

  • What it is:
    • Remotion 视频工程实践。
  • Why it matters:
    • 提升渲染稳定性与复用效率。
  • Input / Output:
    • 输入：视频需求；输出：composition/渲染流程建议。
  • When to use:
    • 程序化视频项目。
  • How to use (quick start):
    • 先规范素材与 composition 再批量渲染。
  • Installation notes (if needed):
    • 需 Node + Remotion 环境。
  • Limits / caveats:
    • 大规模渲染需配合云端策略。
  • Links:

pdf/docs/pptx/xlsx

  • What it is:
    • 多文档格式处理技能集合。
  • Why it matters:
    • 统一异构文档处理流程。
  • Input / Output:
    • 输入：PDF/Office 文档；输出：Markdown/JSON/表格结果。
  • When to use:
    • 批量抽取与格式转换。
  • How to use (quick start):
    • 先定输出格式，再选工具链。
  • Installation notes (if needed):
    • 常有额外依赖。
  • Limits / caveats:
    • 扫描件质量影响识别准确率。
  • Links:

skill-creator

  • What it is:
    • 创建与迭代 skills 的元技能。
  • Why it matters:
    • 把高频流程沉淀为复用资产。
  • Input / Output:
    • 输入：任务与样例；输出：SKILL.md 与资源结构。
  • When to use:
    • 团队想标准化重复任务时。
  • How to use (quick start):
    • 先定义触发条件，再补脚本与参考资料。
  • Installation notes (if needed):
    • 推荐搭配模板使用。
  • Limits / caveats:
    • 触发描述过泛会导致误触发。
  • Links:

agent-browser

  • What it is:
    • 面向 agent 的网页浏览与信息采集能力。
  • Why it matters:
    • 标准化检索-抽取-回填流程。
  • Input / Output:
    • 输入：网址或问题；输出：结构化摘要与证据链接。
  • When to use:
    • 需要在线调研时。
  • How to use (quick start):
    • 先限定来源，再抽关键结论。
  • Installation notes (if needed):
    • 可能需要浏览器自动化依赖。
  • Limits / caveats:
    • 动态站与反爬会影响效果。
  • Links:

frontend-design

  • What it is:
    • 前端设计到实现的协同技能。
  • Why it matters:
    • 缩短设计与开发落地差距。
  • Input / Output:
    • 输入：页面需求；输出：可实现的设计方案。
  • When to use:
    • 新页面/重构组件库。
  • How to use (quick start):
    • 先定设计 token，再做页面骨架。
  • Installation notes (if needed):
    • 建议与设计系统结合。
  • Limits / caveats:
    • 需兼顾移动端与可访问性。
  • Links:

vercel-composition-pattern

  • What it is:
    • Vercel 项目的组合式架构技能。
  • Why it matters:
    • 提升可复用性与协作效率。
  • Input / Output:
    • 输入：模块需求；输出：边界/目录/组合策略。
  • When to use:
    • 项目复杂度上升时。
  • How to use (quick start):
    • 先拆 domain/component，再定义组合入口。
  • Installation notes (if needed):
    • 与框架版本相关。
  • Limits / caveats:
    • 过度拆分会增加维护成本。
  • Links:

mcp-builder

  • What it is:
    • MCP 服务与工具适配构建技能。
  • Why it matters:
    • 同一工具能力可供多模型客户端复用。
  • Input / Output:
    • 输入：目标工具/API；输出：MCP schema 与接入方案。
  • When to use:
    • 把内部工具接入 agent 生态。
  • How to use (quick start):
    • 先定义 schema，再实现 server 与权限。
  • Installation notes (if needed):
    • 需 MCP 兼容运行时。
  • Limits / caveats:
    • 安全与审计是上线前重点。
  • Links:
  • 入门路径：
    1. find-skills
    2. skill-creator
    3. pdf/docs/pptx/xlsx
  • 前端路径：
    1. web-design-guidelines
    2. frontend-design
    3. vercel-react-best-practices
    4. vercel-composition-pattern
  • 自动化/集成路径：
    1. agent-browser
    2. mcp-builder
    3. remotion-best-practices（如涉及视频流水线）

Compare at a Glance

ItemCategoryBest ForNotes
find-skillsDiscovery快速选技能先搜再做，提效明显
vercel-react-best-practicesWeb EngineeringReact+Vercel 项目规范化适合上线项目
web-design-guidelinesUX/UI页面规范与一致性适合作为设计基线
remotion-best-practicesVideo EngineeringRemotion 稳定渲染视频流水线友好
pdf/docs/pptx/xlsxDocument Processing多格式文档抽取与转换依赖和格式差异较多
skill-creatorSkill Authoring生成/迭代技能适合团队沉淀流程
agent-browserWeb Research在线检索与摘要受站点策略影响
frontend-designFrontend UI设计到实现落地需配合设计系统
vercel-composition-patternArchitecture模块化与可组合架构适合中大型项目
mcp-builderMCP Integration工具接入多模型生态安全与权限优先
  • AI 技术/General/Skill/Introduction
  • AI 技术/GitHub/DocExtractTools
  • AI 技术/OpenAI/Slash Commands Reference
  • AI 技术/Claude Code/Slash Commands Reference

Sources

Graph View

Backlinks