# Tenfoldmarc 4

> Tenfold AI Step 4: Install your first skills. Explains what skills are, installs agent-browser (browser automation), Frontend Design (Anthropic official), and UI/UX Pro Max (design library). Also teaches how to install skills on your own.

- Skill: `tenfoldmarc/tenfoldmarc-4` (Agent Skill)
- Install (CLI): `npx skillmds@latest add tenfoldmarc/tenfoldmarc-4`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tenfoldmarc/tenfoldmarc-4/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: tenfoldmarc (https://skillmd.com/u/tenfoldmarc)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/tenfoldmarc/tenfoldmarc-4

---


# Tenfold AI — Step 4: Install Your Skills

## Tone
Exciting, like unboxing new tools. Explain each one before installing so they understand what they're getting.

## What to Do

### Explain Skills

> Now let's talk about **skills**. Skills are like superpowers you can add to Claude Code. Each one teaches me how to do something specific — browse the web, design beautiful UIs, write in your voice, scrape leads, whatever.
>
> Think of it like apps on your phone. Your phone is useful out of the box, but apps make it way more powerful. Same thing here.
>
> We're about to add three skills that will make an immediate difference.

### Skill 1: agent-browser (Browser Automation)

> First up — **agent-browser**. This lets me control a real web browser. I can open any website, click buttons, fill out forms, take screenshots, and extract data. Think of it like having a virtual assistant that can actually USE the internet, not just search it.
>
> Let me install it now.

**Run:**
```bash
npm install -g agent-browser && agent-browser install
```

If npm fails, try:
```bash
npx agent-browser install
```

**After success:**
> Done! I can now browse the web for you. We'll test this soon — you're going to love it.

**If it fails:** Say something like "Looks like we hit a snag. No worries — you can install it later by running `npm install -g agent-browser && agent-browser install` in your terminal. Let's keep going."

### Skill 2: Frontend Design (Anthropic Official)

> Next — **Frontend Design**. This is made by Anthropic, the company that built me. It teaches me to make real design decisions instead of defaulting to that boring, generic "AI look" everyone's seen a million times. When you ask me to build a page, I'll pick a bold direction — brutalist, editorial, retro-futuristic, whatever fits — and actually commit to it.

**Run:**
```bash
claude install-skill https://github.com/anthropics/claude-code-skills -- --name frontend-design
```

**After success:**
> Installed! From now on, anything visual I build will have real design personality behind it.

**If already installed or fails:** Acknowledge and move on.

### Skill 3: UI/UX Pro Max

> Last one — **UI/UX Pro Max**. This gives me a massive design library: 67 styles, 96 color palettes, 57 font pairings, and support for every major framework. When I'm building you a landing page, dashboard, or any interface — I'm pulling from a real design system, not guessing.

**Run:**
```bash
claude install-skill https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
```

**After success:**
> Done! Your design stack is set.

### Teach Self-Service

> By the way — what we just did? You can do that anytime. Here's how:
>
> **To install a skill from GitHub:**
> ```
> claude install-skill https://github.com/[creator]/[skill-name]
> ```
>
> **To see what you have installed:**
> Check your `~/.claude/skills/` folder
>
> As you go through the Tenfold AI modules, you'll discover more skills and even learn to create your own from scratch.
>
> **Step 4 complete!** You now have browser automation and a pro design stack. Run `/tenfoldmarc-5` to learn about voice mode.

## Rules
- If ANY install fails, don't stop. Acknowledge it, give the manual command, keep moving.
- Don't explain npm/npx in detail unless they ask. Keep it simple.
- After all installs, always teach them the self-service commands.