关于 open-graph-creator
用于创建 Open Graph 内容的前端开发技能,提供分步指导、代码与配置生成,并依据常见标准验证输出。
主要功能
- 01分步创建指导
- 02最佳实践建议
- 03代码与配置生成
- 04常见标准验证
适用场景
- 01创建 Open Graph 内容
- 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 开发模式的前端技能方面的帮助。
说明
- 提供 Open Graph Creator 的分步指导
- 遵循行业最佳实践和模式
- 生成可用于生产环境的代码和配置
- 根据常见标准验证输出
示例
示例:基本用法 请求:“帮助我使用 Open Graph Creator” 结果:提供分步指导并生成适当的配置
前置条件
- 已配置相关开发环境
- 可访问必要的工具和服务
- 基本了解前端开发概念
输出
- 生成的配置和代码
- 最佳实践建议
- 验证结果
错误处理
| 错误 | 原因 | 解决方案 |
|---|---|---|
| 配置无效 | 缺少必填字段 | 查阅文档,了解必需的参数 |
| 未找到工具 | 未安装依赖项 | 根据前置条件安装所需工具 |
| 权限被拒绝 | 访问权限不足 | 验证凭据和权限 |
资源
- 相关工具的官方文档
- 最佳实践指南
- 社区示例和教程
相关技能
属于 Frontend Development 技能类别。 标签:react、vue、css、无障碍访问、web
评论
支持 Markdown