By marsolab
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.
npx claudepluginhub marsolab/skills --plugin front-devA 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
Comprehensive skill pack with 66 specialized skills for full-stack developers: 12 language experts (Python, TypeScript, Go, Rust, C++, Swift, Kotlin, C#, PHP, Java, SQL, JavaScript), 10 backend frameworks, 6 frontend/mobile, plus infrastructure, DevOps, security, and testing. Features progressive disclosure architecture for 50% faster loading.
Automates browser interactions for web testing, form filling, screenshots, and data extraction
Manus-style persistent markdown files for planning, progress tracking, and knowledge storage. Works with Claude Code, Kiro, Clawd CLI, Gemini CLI, Cursor, Continue, Hermes, and 17+ AI coding assistants. Now with Arabic, German, Spanish, and Chinese (Simplified & Traditional) support.
Complete collection of battle-tested Claude Code configs from an Anthropic hackathon winner - agents, skills, hooks, rules, and legacy command shims evolved over 10+ months of intensive daily use
Access thousands of AI prompts and skills directly in your AI coding assistant. Search prompts, discover skills, save your own, and improve prompts with AI.