mcpField
O
open-graph-creator

open-graph-creator

github.com/jeremylongshore营销与增长2.9k39 次安装2 天前更新
代码仓库

关于 open-graph-creator

用于创建 Open Graph 内容的前端开发技能,提供分步指导、代码与配置生成,并依据常见标准验证输出。

主要功能

  1. 01分步创建指导
  2. 02最佳实践建议
  3. 03代码与配置生成
  4. 04常见标准验证

适用场景

  1. 01创建 Open Graph 内容
  2. 02检查生成的配置

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/jeremylongshore/tons-of-skills-marketplace --skill open-graph-creator

安装后在 Claude Code 中输入/open-graph-creator确认已加载。

详细介绍

Open Graph Creator

概述

此技能可在前端开发领域中,为 Open Graph Creator 相关任务提供自动化协助。

使用时机

出现以下情况时,此技能会自动启用:

  • 在请求中提及“open graph creator”
  • 询问 Open Graph Creator 的模式或最佳实践
  • 需要涵盖 react、vue、css、无障碍访问、性能优化和现代 Web 开发模式的前端技能方面的帮助。

说明

  1. 提供 Open Graph Creator 的分步指导
  2. 遵循行业最佳实践和模式
  3. 生成可用于生产环境的代码和配置
  4. 根据常见标准验证输出

示例

示例:基本用法 请求:“帮助我使用 Open Graph Creator” 结果:提供分步指导并生成适当的配置

前置条件

  • 已配置相关开发环境
  • 可访问必要的工具和服务
  • 基本了解前端开发概念

输出

  • 生成的配置和代码
  • 最佳实践建议
  • 验证结果

错误处理

错误原因解决方案
配置无效缺少必填字段查阅文档,了解必需的参数
未找到工具未安装依赖项根据前置条件安装所需工具
权限被拒绝访问权限不足验证凭据和权限

资源

  • 相关工具的官方文档
  • 最佳实践指南
  • 社区示例和教程

相关技能

属于 Frontend Development 技能类别。 标签:react、vue、css、无障碍访问、web

评论

支持 Markdown