AI & Agentslow risk

frontend-skill

Create visually strong landing pages, websites, and app UIs with restrained composition. OpenAI's production frontend playbook.

nexu-io/open-design·skills/frontend-skill/SKILL.md

59/ 100推荐值

↓

导入这个 Skill

选择你的 coding agent，复制项目级或个人级安装命令。

固定到平台收录的 commit

导入当前项目.agents/skills/frontend-skill

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/frontend-skill -a codex -y

导入个人环境~/.agents/skills/frontend-skill

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/frontend-skill -a codex -g -y

手动放置目录.agents/skills/frontend-skillOfficial docs ↗

导入当前项目.claude/skills/frontend-skill

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/frontend-skill -a claude-code -y

导入个人环境~/.claude/skills/frontend-skill

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/frontend-skill -a claude-code -g -y

手动放置目录.claude/skills/frontend-skillOfficial docs ↗

导入当前项目.agents/skills/frontend-skill

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/frontend-skill -a github-copilot -y

导入个人环境~/.copilot/skills/frontend-skill

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/frontend-skill -a github-copilot -g -y

手动放置目录.agents/skills/frontend-skillOfficial docs ↗

导入当前项目.agents/skills/frontend-skill

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/frontend-skill -a cursor -y

导入个人环境~/.cursor/skills/frontend-skill

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/frontend-skill -a cursor -g -y

手动放置目录.agents/skills/frontend-skillOfficial docs ↗

导入当前项目.agents/skills/frontend-skill

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/frontend-skill -a gemini-cli -y

导入个人环境~/.gemini/skills/frontend-skill

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/frontend-skill -a gemini-cli -g -y

Native Gemini CLIgemini skills install https://github.com/nexu-io/open-design.git --scope workspace --path skills/frontend-skill

手动放置目录.agents/skills/frontend-skillOfficial docs ↗

⚠ 安装命令使用开源 skills CLI。执行前请检查来源、脚本和权限。

Skill 指令

在 GitHub 查看原始文件 ↗

# frontend-skill

> Curated from OpenAI's skills repository.

## What it does

Create visually strong landing pages, websites, and app UIs with restrained composition. OpenAI's production frontend playbook.

## Source

- Upstream: https://github.com/openai/skills
- Category: `design-systems`

## How to use

This catalogue entry advertises the skill in Open Design so the agent
discovers it during planning. To run the full upstream workflow with
its original assets, scripts, and references, install the upstream
bundle into your active agent's skills directory:

```bash
# Inspect the upstream README for exact paths
open https://github.com/openai/skills
```

Then ask the agent to invoke this skill by name (`frontend-skill`) or with
one of the trigger phrases listed in this skill's frontmatter.