# OpenAI Frontend Design (agent skill)

> OpenAI Frontend Design is an agent skill (a SKILL.md file) from fcakyon/claude-codex-settings. It is used for new frontend applications, dashboards, games, creative websites, hero sections, and visually driven UI from scratch, or when the… It works with Claude Code, Codex, Cursor, Gemini CLI and GitHub Copilot and has 1,163 GitHub stars across a repository of 2 listed skills.

Use for new frontend applications, dashboards, games, creative websites, hero sections, and visually driven UI from scratch, or when the user explicitly asks for a redesign/restyle/modernization. Builds from clean, airy, high-taste, readable image-generated concept design with section-specific references, faithful implementation, and browser testing. For interface copy and supporting text, read and apply the installed writing-guidelines skill.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/fcakyon/claude-codex-settings |
| Skill path | plugins/frontend-design-skills/skills/openai-frontend-design/SKILL.md |
| Skill name | openai-frontend-design |
| GitHub stars | 1,163 |
| Installs on skills.sh | not listed |
| License | Apache-2.0 |
| Skills in repo | 2 |
| Plugin marketplace | claude-settings |
| Official | no |
| Works with | Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot |
| Category | Design & frontend |
| Last commit | Oct 5, 2026 |

## When it triggers

- Use for new frontend applications, dashboards, games, creative websites, hero sections, and visually driven UI from scratch, or when the user explicitly asks for a redesign/restyle/modernization.

## Add this skill

### Claude Code

```sh
/plugin marketplace add fcakyon/claude-codex-settings
/plugin install frontend-design-skills@claude-settings
```

In the Claude apps, zip the skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
git clone --depth 1 https://github.com/fcakyon/claude-codex-settings.git
cp -r claude-codex-settings/plugins/frontend-design-skills/skills/openai-frontend-design .agents/skills/openai-frontend-design   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/fcakyon/claude-codex-settings.git
cp -r claude-codex-settings/plugins/frontend-design-skills/skills/openai-frontend-design .cursor/skills/openai-frontend-design   # project; ~/.cursor/skills for all projects
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

---

Canonical page: https://appsgit.com/skills/fcakyon-openai-frontend-design
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.