What do I need to use Explorer Interface Brief?

Topic; Audience; Learning goal; Devices; Brand or colour constraints.

Is Explorer Interface Brief free to use?

Yes — run it free in the browser playground (no API key needed for the sponsored trial, or bring any provider key), or install it into Claude Code, Cursor, ChatGPT and more via npx pm-claude-skills. MIT-licensed and open source.

Explorer Interface Brief

Q: How do I know the Explorer Interface Brief output is good?

The skill verifies itself against its own quality checks: Learning outcomes are three to five and each starts with a verb; Every interaction has a keyboard path, including selecting parts; Every palette text pair is stated with a contrast of at least 4.5:1; Layout is specified for both desktop and phone.

🔵 Stable🕐 updated 2026-10-04 ✅ 4.8/5 🔷 SkillSpec L3 pm-3d-explorer

Use when asked to design the interface for an interactive 3D explorer, plan a UI for exploring a 3D model of a topic, or write an image-model prompt for a 3D learning app mock-up. Produces, from a topic, the UI design brief (audience, layout, panels, interactions, label style, colour palette, accessibility) and an image-model prompt for the interface mock. First step of explorer-pipeline.

▶ Run it free — no key needed 📝 Grade your existing draft 📱 Use as an app View SKILL.md ↗ What changed

🗣 Say this to your agent

“Design the interface for a 3D explorer of the human heart for GCSE students.”“Write an image prompt for a UI mock of an interactive jet engine viewer.”“Plan the screens for a museum touch-screen 3D model of a volcano.”“Brief for a 3D cell explorer app, phone first.”

What to give it

▸Topic — and the specific object or system to explore

▸Audience — age or level (for example 14-year-old students, first-year medical students, museum visitors)

▸Learning goal — what the learner should be able to name, explain or do afterwards

▸Devices — classroom laptops, phones, a museum touch screen

▸Brand or colour constraints — , if any

✅ The bar it holds itself to

Every skill in this library self-verifies — these are this skill's own quality checks, straight from its definition.

✓Learning outcomes are three to five and each starts with a verb

✓Every interaction has a keyboard path, including selecting parts

✓Every palette text pair is stated with a contrast of at least 4.5:1

✓Layout is specified for both desktop and phone

✓The image prompt names device, aspect, palette and every panel element

✓The brief requires a named source for every label and calls the model illustrative

✓The handover table lists the parts list and palette values

⚠️ What it refuses to do

**Labels floating over the model.** They collide and become unreadable when the model rotates; use a side panel.

**Beautiful but unteachable.** A brief with no learning outcomes produces a toy.

**Mouse-only selection.** Keyboard and screen-reader users need the parts list.

**Mocks with unreadable text.** Ask for legible placeholder text, or the mock misleads reviewers.

Install

npx pm-claude-skills add --agent claude   # or codex · cursor · gemini · hermes
# or one-line MCP (every skill, any client):
claude mcp add pm-skills -- npx -y -p pm-claude-skills pm-claude-skills-mcp

Related skills

🔌 Embed this skill

Drop this on your blog, docs, or site — it renders a "Run this skill" card:

<div data-pm-skill="explorer-interface-brief"></div>
<script src="https://mohitagw15856.github.io/pm-claude-skills/embed.js" async></script>

💬 Discussion

Explorer Interface Brief is one of 1307 open-source professional AI agent skills — all SkillSpec L3. Try them all in the browser · ⭐ Star on GitHub · Browse the full catalog