# Frontend Design (agent skill)

> Frontend Design is an agent skill (a SKILL.md file) from ThinkInAIXYZ/deepchat. Create distinctive, production-grade frontend interfaces with high design quality. It works with Claude Code, Codex, Cursor, GitHub Copilot and OpenCode and has 6,355 GitHub stars across a repository of 3 listed skills.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/ThinkInAIXYZ/deepchat |
| Skill path | resources/skills/frontend-design/SKILL.md |
| Skill name | frontend-design |
| GitHub stars | 6,355 |
| Installs on skills.sh | not listed |
| License | Apache-2.0 |
| Skills in repo | 3 |
| Plugin marketplace | no |
| Official | no |
| Works with | Claude Code, Codex, Cursor, GitHub Copilot, OpenCode |
| Category | Design & frontend |
| Last commit | Oct 7, 2026 |

## When it triggers

- Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).

## Add this skill

### Claude Code

```sh
git clone --depth 1 https://github.com/ThinkInAIXYZ/deepchat.git
cp -r deepchat/resources/skills/frontend-design ~/.claude/skills/frontend-design   # personal, or .claude/skills in a project
```

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/ThinkInAIXYZ/deepchat.git
cp -r deepchat/resources/skills/frontend-design .agents/skills/frontend-design   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/ThinkInAIXYZ/deepchat.git
cp -r deepchat/resources/skills/frontend-design .cursor/skills/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/thinkinaixyz-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.