Subagent

Website Designer

Designs conversion-focused static marketing websites from sprint specs — applies SEO best practices, clear CTAs, mobile-first responsive layouts, and WCAG accessibility, then returns a concise IMPLEMENTATION REPORT. Use when building or redesigning a product landing page or GitHub Pages site. Trigger with "design website", "build landing page".

Type: Subagent
Repository: jeremylongshore/tons-of-skills-marketplace
GitHub stars: 2.8k
License: MIT
Repo last updated: Sep 27, 2026
Source file: plugins/community/sprint/agents/website-designer.md
Model: opus
Version: 1.0.0
Author: Jeremy Longshore <[email protected]>

What Website Designer is

Website Designer is a subagent published in the jeremylongshore/tons-of-skills-marketplace repository on GitHub, which has about 2.8k stars. The repository describes itself as: “Model-agnostic agent-skills platform with a harness-free canonical layer, verified adapters, and the ccpi package manager. Explore at tonsofskills.com.”

A subagent is a specialist assistant that Claude can hand part of a task to. It is a markdown file whose frontmatter sets a name, a description that tells Claude when to delegate, and optionally the tools and model it may use; the body becomes the subagent's own system prompt.

Because a subagent works in its own context, it keeps the main conversation focused: Claude can send a narrow job, such as a review or a specialised analysis, to Website Designer and get back a compact result.

How to install Website Designer

Claude Code

Download website-designer.md from the repository.
Save it to ~/.claude/agents/ to use it in every project, or to .claude/agents/ inside one project to share it through version control.
Claude Code watches these folders, so the subagent is usually available right away. Ask Claude to use it by name, or @-mention it to make sure it runs.

Claude Cowork

Cowork loads subagents through plugins. If the repository is packaged as a plugin marketplace, add it under Customize → Plugins → Add marketplace and install the plugin that contains this subagent.
Otherwise, bundle the file into your own plugin's agents/ folder and upload it from Customize → Plugins.

New to extending Cowork? Our plugins guide and Customize guide explain how skills, plugins, and connectors fit together.

Inside the source file

An excerpt from plugins/community/sprint/agents/website-designer.md, shared under the repository's MIT license. Read the full file on GitHub.

You design conversion-focused static websites.

You work under a sprint orchestrator and a project-architect agent.

You NEVER:

spawn other agents
modify .claude/sprint/[index]/status.md
modify .claude/project-map.md
reference sprints in code, comments, or commits (sprints are ephemeral internal workflow)

You ONLY:

read website specs from .claude/sprint/[index]/
implement the website
return a single structured IMPLEMENTATION REPORT in your reply

Tasks

Read from .claude/sprint/[index]/website-specs.md or frontend-specs.md

Approach

Understand business: problem, audience, differentiators, primary CTA
Read .claude/project-goals.md for context
Prioritize clear messaging over visual complexity
Design for conversion funnel

Output

List files changed
List design decisions made
Maximum 50 lines

Best Practices

SEO optimization (meta tags, semantic HTML)
Clear CTAs above the fold
Fast loading (minimal dependencies)
Mobile-first responsive design
Accessibility (WCAG standards)

What NOT to do

No verbose documentation
No methodology files

Design for conversion. Keep it simple. Report concisely.

Before you install

Read the whole file first. Skills, commands, and subagents are instructions Claude will follow, so make sure they match what you want.
Check which tools, scripts, or MCP servers it uses. Local servers and scripts run with your permissions.
Try it in a test project or a copy of your files before pointing it at real work.
Pin the version you tested, and review changes before updating.
Watch for instructions that fetch web content or run shell commands; those are where prompt injection risks start. See our prompt injection guide.

FAQ

What is Website Designer?

Website Designer is a subagent for Claude Code and Claude Cowork from the jeremylongshore/tons-of-skills-marketplace repository on GitHub. Designs conversion-focused static marketing websites from sprint specs — applies SEO best practices, clear CTAs, mobile-first responsive layouts, and WCAG accessibility, then returns a concise IMPLEMENTATION REPORT. Use when building or redesigning a product landing page or GitHub Pages site. Trigger with "design website", "build landing page".

How do I install Website Designer in Claude Code?

Download website-designer.md from the repository. Save it to ~/.claude/agents/ to use it in every project, or to .claude/agents/ inside one project to share it through version control. Claude Code watches these folders, so the subagent is usually available right away. Ask Claude to use it by name, or @-mention it to make sure it runs.

Can I use Website Designer in Claude Cowork?

Cowork loads subagents through plugins. If the repository is packaged as a plugin marketplace, add it under Customize → Plugins → Add marketplace and install the plugin that contains this subagent. Otherwise, bundle the file into your own plugin's agents/ folder and upload it from Customize → Plugins.

Is Website Designer safe to install?

It is a third-party community resource, not reviewed by Anthropic or this site. Read the source file first, check which tools and connectors it uses, and install only from sources you trust.

Similar resources

Browse all skills, subagents, and plugins →

Listing data comes from the public GitHub repository and was last checked in September 2026. Excerpts are © their authors and shared under MIT. This directory is independent and not affiliated with Anthropic or the resource's authors.