By marsolab
Comprehensive landing page design analysis for extracting typography, color palette, spacing systems, visual elements, and conversion optimization insights. Use when a user provides a landing page URL for design analysis, wants to understand what makes a page effective, needs to extract design specifications, or wants to learn from high-converting landing pages.
A dual-compatible plugin marketplace for Claude Code and OpenAI Codex, providing curated skills for AI coding agents.
/plugin marketplace add marsolab/skills
Then install individual plugins:
/plugin install go-dev@marsolab-skills
/plugin install sys-arch@marsolab-skills
Clone this repository into your project and Codex will
discover plugins from .agents/plugins/marketplace.json
automatically.
| Plugin | Category | Description |
|---|---|---|
| apple-dev | Development | Swift, SwiftUI, HIG |
| copy | Writing | SaaS copywriting |
| go-dev | Development | Go backends, CLIs |
| landing-page-breakdown | Design | Page analysis |
| multi-agent-config | DevOps | Multi-agent configs |
| sys-arch | Architecture | System design |
| front-dev | Development | Modern web apps |
Create the plugin directory structure:
plugins/<plugin-name>/
├── .claude-plugin/plugin.json
├── .codex-plugin/plugin.json
└── skills/<skill-name>/
├── SKILL.md
└── references/ (optional)
Add the SKILL.md with YAML frontmatter:
---
name: my-skill
description: What this skill does.
version: 1.0.0
tags:
- tag1
- tag2
---
Run the sync script to regenerate manifests:
uv run scripts/sync-manifests.py
Update the category and display name mappings in
scripts/sync-manifests.py if needed.
Commit all changes and push to main.
.claude-plugin/marketplace.json # Claude Code
.agents/plugins/marketplace.json # Codex
plugins/
<plugin-name>/
.claude-plugin/plugin.json
.codex-plugin/plugin.json
skills/<skill-name>/
SKILL.md
references/
assets/
scripts/
scripts/
sync-manifests.py
SKILL.md frontmatter is the single source of truth. All JSON manifests are generated from it:
# Regenerate all manifests
uv run scripts/sync-manifests.py
# Check for drift (used in CI)
uv run scripts/sync-manifests.py --check
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
npx claudepluginhub marsolab/skills --plugin landing-page-breakdownProfessional copywriter for SaaS and startups. Expert in landing page copy, positioning, messaging, conversion optimization, and voice-of-customer research. Use when writing compelling copy for SaaS products, landing pages, marketing materials, or when you need help with product positioning and messaging strategy.
Write production-ready Go backends, CLIs, and APIs following modern best practices from top tier tech companies. Use this skill when creating or reviewing Go code for (1) backend services and APIs, (2) command-line tools, (3) code requiring proper error handling, concurrency, or testing patterns, (4) any Go development requiring adherence to established style guidelines. Includes comprehensive linting configuration and detailed style guide.
Manage multi-agent AI code configurations across platforms (OpenAI Codex, Claude Code, Cursor, Gemini). Use when: (1) initializing new multi-agent projects, (2) syncing configurations (MCP servers, skills, rules, subagents) across platforms, (3) translating configurations between different agent platforms, (4) migrating from one agent platform to another, or (5) maintaining consistent agent configurations across development teams using different tools.
Design production-grade software systems with expert knowledge of architecture patterns, distributed systems, cloud platforms, and operational excellence. Use this skill when architecting complex systems, evaluating technology choices, designing scalable infrastructure, or making critical architectural decisions requiring trade-off analysis.
Build production-ready web applications using Bun, Astro, React, Tailwind CSS v4, and Shadcn UI. Use this skill when (1) creating new frontend projects or components, (2) building landing pages, dashboards, or web apps, (3) setting up Astro with islands architecture, (4) implementing React/Preact components with proper patterns, (5) styling with Tailwind v4 and Shadcn UI, (6) optimizing frontend performance and accessibility, (7) implementing state management, (8) setting up testing strategies, (9) configuring build tooling with Bun, (10) implementing security best practices, (11) setting up forms with validation, (12) building data tables and complex UI patterns. Covers architecture, performance, accessibility, testing, security, and developer experience.
Create high-converting landing pages with structured copywriting and opinionated HTML/CSS generation
Advanced frontend design plugin with interactive wizard, trend research, moodboard creation, color/typography selection, and browser-based inspiration analysis
Frontend design skills from Anthropic and OpenAI for building visually strong landing pages, websites, and apps.
Open-source, skills-based version of Claude Design (claude.ai/design) for Claude Code. HTML pages, slide decks, interactive prototypes, UI kits, and brand systems — with taste, context-matching, and anti-slop discipline.
Frontend design skill for UI/UX implementation
Full RampStack catalog of website-lifecycle skills across research, brand, build, and audit.