关于 frontend-skill
frontend-skill 是面向 Agent 的设计技能,用于创建落地页、网站和应用界面。它基于 OpenAI 的前端实践指南,安装上游资源包后可按名称调用。
主要功能
- 01创建落地页
- 02创建网站
- 03创建应用界面
- 04克制的视觉构图
适用场景
- 01设计产品落地页
- 02构建网站界面
- 03制作应用 UI
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ nexu-io/ open-design --skill frontend-skill安装后在 Claude Code 中输入/frontend-skill确认已加载。
详细介绍
frontend-skill
精选自 OpenAI 的 skills 仓库。
功能
以克制的构图,打造视觉效果出色的落地页、网站和应用 UI。OpenAI 的生产级前端指南。
来源
- 上游:https://github.com/openai/skills
- 类别:
design-systems
使用方法
此目录条目会在 OpenDesign 中展示该技能,让 Agent 在规划期间发现它。若要运行包含原始资源、脚本和参考资料的完整上游工作流,请将上游工具包安装到当前 Agent 的 skills 目录:
# Inspect the upstream README for exact paths
open https://github.com/openai/skills
然后让 Agent 按名称(frontend-skill)调用此技能,或使用此技能 frontmatter 中列出的某个触发短语。
评论
支持 Markdown