# ui-ux-gtm

> Design GTM UI/UX patterns — landing pages (hero, proof, CTA), forms (progressive disclosure, inline validation), signup…

Design GTM UI/UX patterns — landing pages (hero, proof, CTA), forms (progressive disclosure, inline validation), signup flows (activation, time-to-value), dashboards (KPI hierarchy, trend indicators), and accessibility (WCAG 2.2 AA). Use when designing or auditing GTM tool interfaces, landing pages, conversion flows, or onboarding experiences. Covers conversion-first design, mobile optimization, and A/B test readiness.

- Type: Skill
- Made by: LeadMagic
- Category: Design
- Formats: Skills
- Version: 2.0.1
- Source: https://github.com/leadmagic/gtm-skills/tree/HEAD/skills/design/ui-ux-gtm
- Page: https://pluginboard.ai/skills/ui-ux-gtm

## Works with

- ChatGPT
- Claude
- Gemini
- GitHub Copilot
- Cursor
- Claude Code
- Codex
- Antigravity
- Gemini CLI
- Replit
- OpenClaw
- OpenCode
- Hermes Agent

## Install

### ChatGPT

In ChatGPT: Download the ui-ux-gtm folder and zip it, then Plugins → Skills → Create → Upload from your computer. Business and Enterprise plans.

View the folder on GitHub: https://github.com/LeadMagic/gtm-skills/tree/HEAD/skills/design/ui-ux-gtm

### Claude

In Claude (web or desktop): Download the ui-ux-gtm folder and zip the folder itself, then upload it in Customize → Skills.

View the folder on GitHub: https://github.com/LeadMagic/gtm-skills/tree/HEAD/skills/design/ui-ux-gtm

### Gemini

In Gemini: Download the ui-ux-gtm folder, then at gemini.google.com click Customize → Skills → Create → Upload and pick the folder (or a .zip of it).

View the folder on GitHub: https://github.com/LeadMagic/gtm-skills/tree/HEAD/skills/design/ui-ux-gtm

### GitHub Copilot

Run in your terminal:

```shell
npx -y degit LeadMagic/gtm-skills/skills/design/ui-ux-gtm ~/.copilot/skills/ui-ux-gtm
```

View the folder on GitHub: https://github.com/LeadMagic/gtm-skills/tree/HEAD/skills/design/ui-ux-gtm

### Cursor

Run in your terminal:

```shell
npx -y degit LeadMagic/gtm-skills/skills/design/ui-ux-gtm ~/.cursor/skills/ui-ux-gtm
```

View the folder on GitHub: https://github.com/LeadMagic/gtm-skills/tree/HEAD/skills/design/ui-ux-gtm

### Claude Code

Run in your terminal:

```shell
npx -y degit LeadMagic/gtm-skills/skills/design/ui-ux-gtm ~/.claude/skills/ui-ux-gtm
```

View the folder on GitHub: https://github.com/LeadMagic/gtm-skills/tree/HEAD/skills/design/ui-ux-gtm

Or all of GTM Skills, in Claude Code:

```text
/plugin marketplace add LeadMagic/gtm-skills
/plugin install gtm-skills@gtm-skills
```

### Codex

Run in your terminal:

```shell
npx -y degit LeadMagic/gtm-skills/skills/design/ui-ux-gtm ~/.agents/skills/ui-ux-gtm
```

View the folder on GitHub: https://github.com/LeadMagic/gtm-skills/tree/HEAD/skills/design/ui-ux-gtm

### Antigravity

In Antigravity: Copy the ui-ux-gtm folder into ~/.gemini/config/skills (Antigravity app and IDE) or ~/.gemini/antigravity-cli/skills (Antigravity CLI).

View the folder on GitHub: https://github.com/LeadMagic/gtm-skills/tree/HEAD/skills/design/ui-ux-gtm

### Gemini CLI

Run in your terminal:

```shell
npx -y degit LeadMagic/gtm-skills/skills/design/ui-ux-gtm ~/.gemini/skills/ui-ux-gtm
```

View the folder on GitHub: https://github.com/LeadMagic/gtm-skills/tree/HEAD/skills/design/ui-ux-gtm

### Replit

Run in your terminal:

```shell
npx -y degit LeadMagic/gtm-skills/skills/design/ui-ux-gtm .agents/skills/ui-ux-gtm
```

View the folder on GitHub: https://github.com/LeadMagic/gtm-skills/tree/HEAD/skills/design/ui-ux-gtm

### OpenClaw

Run in your terminal:

```shell
npx -y degit LeadMagic/gtm-skills/skills/design/ui-ux-gtm ~/.openclaw/skills/ui-ux-gtm
```

View the folder on GitHub: https://github.com/LeadMagic/gtm-skills/tree/HEAD/skills/design/ui-ux-gtm

### OpenCode

Run in your terminal:

```shell
npx -y degit LeadMagic/gtm-skills/skills/design/ui-ux-gtm ~/.config/opencode/skills/ui-ux-gtm
```

View the folder on GitHub: https://github.com/LeadMagic/gtm-skills/tree/HEAD/skills/design/ui-ux-gtm

### Hermes Agent

Run in your terminal:

```shell
npx -y degit LeadMagic/gtm-skills/skills/design/ui-ux-gtm ~/.hermes/skills/ui-ux-gtm
```

View the folder on GitHub: https://github.com/LeadMagic/gtm-skills/tree/HEAD/skills/design/ui-ux-gtm

---
From Pluginboard (https://pluginboard.ai).