Production-grade frontend design, web design compliance auditing, and Vercel deployment.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
Deploy applications and websites to Vercel. Use this skill when the user requests deployment actions such as "Deploy my app", "Deploy this to production", "Create a preview deployment", "Deploy and give me the link", or "Push this live". No authentication required - returns preview URL and claimable deployment link.
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
A curated Claude Code marketplace of 32+ Agent Skills for AI-assisted development.
Add this marketplace to your Claude Code settings (~/.claude/settings.json):
{
"extraKnownMarketplaces": {
"skills": {
"source": {
"source": "git",
"url": "https://github.com/shanghai-Jerry/skills.git"
}
}
}
}
Then enable individual plugins via the Claude Code marketplace UI or by adding them to enabledPlugins:
{
"enabledPlugins": {
"superpowers@skills": true,
"content-generation@skills": true,
"research-analysis@skills": true,
"design-deploy@skills": true,
"skill-development@skills": true,
"extras@skills": true
}
}
| Plugin | Skills | Description |
|---|---|---|
| superpowers | 12 | Core dev workflow: planning, TDD, debugging, code review, git |
| content-generation | 5 | Images, video, podcasts, presentations, charts |
| research-analysis | 5 | Web research, GitHub analysis, data analysis, reports |
| design-deploy | 3 | Frontend design, web audit, Vercel deployment |
| skill-development | 4 | Create/evaluate skills, onboarding, discovery |
| extras | 3 | Brainstorming, Mac setup, creative surprises |
Core development workflow skills based on obra/superpowers:
Media and content creation skills:
Research and data analysis skills:
Frontend design and deployment skills:
Tools for creating and managing skills:
Miscellaneous skills:
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 shanghai-jerry/skills --plugin design-deployGenerate images, videos, podcasts, presentations, and data charts from text descriptions.
Deep web research, GitHub repository analysis, data analysis with DuckDB, and consulting-grade report generation.
Create, write, discover, and evaluate Agent Skills. Includes skill-creator with eval tooling, bootstrap for AI partner onboarding, and find-skills for marketplace discovery.
Brainstorming for pre-implementation design, Mac development environment setup, and creative surprise experiences.
Core development workflow skills: planning, TDD, debugging, code review, branch management, and parallel agent dispatching.
UI/UX design intelligence. 67 styles, 161 palettes, 57 font pairings, 25 charts, 15 stacks (React, Next.js, Vue, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Nuxt, Jetpack Compose). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
Develop, test, build, and deploy Godot 4.x games with Claude Code. Includes GdUnit4 testing, web/desktop exports, CI/CD pipelines, and deployment to Vercel/GitHub Pages/itch.io.
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.
This skill should be used when users need to generate ideas, explore creative solutions, or systematically brainstorm approaches to problems. Use when users request help with ideation, content planning, product features, marketing campaigns, strategic planning, creative writing, or any task requiring structured idea generation. The skill provides 30+ research-validated prompt patterns across 14 categories with exact templates, success metrics, and domain-specific applications.
Upstash Context7 MCP server for up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your LLM context.
A growing collection of Claude-compatible academic workflow bundles. Covers scientific figures, manuscript writing and polishing, reviewer assessment, citation retrieval, data availability, paper reading, literature search, response letters, paper-to-PPTX conversion, and evidence-grounded Chinese invention patent drafting. Rules are organized as reusable skill folders with explicit workflows and quality checks.