josiahsiegel/claude-plugin-marketplace
6 skills12.3k installs252 starsGitHub
Install
npx skills add https://github.com/josiahsiegel/claude-plugin-marketplaceSkills in this repo
1Tailwindcss Advanced Layoutstailwindcss-advanced-layouts is an agent skill for solo builders shipping marketing sites, dashboards, and content products who need production-grade CSS layout without leaving Tailwind conventions. It proactively activates when you ask for complex CSS Grid, responsive column systems, Flexbox composition, sticky headers and footers, holy grail shells, masonry-style patterns, container queries, subgrid, or aspect-ratio treatment. The SKILL.md ships copy-paste HTML examples—holy grail with 250px/300px sidebars, breakpoint-driven column collapse, and notes pointing to Grid template recipes and container-query patterns. Use it during implementation when default utility combos are not enough and you want v4-oriented arbitrary-value guidance rather than hand-rolled CSS files. It complements generic Tailwind docs by encoding repeated layout decisions agents otherwise hallucinate.7.1kinstalls2Tailwindcss Animationstailwindcss-animations is a frontend agent skill that documents Tailwind CSS animation patterns: custom keyframes registered in @theme, named animate utilities, and transition property helpers for colors, transforms, and opacity. Indie builders shipping landing pages, dashboards, or content sites use it when agents otherwise emit one-off @keyframes or misuse transition-all. The skill walks through fade, slide, and scale entrance animations plus duration-tuned hover and focus transitions so motion stays consistent with Tailwind’s utility model. It assumes a Tailwind CSS project (including v4 @theme configuration) and targets Claude Code, Cursor, and Codex workflows where UI polish is coded in the same pass as layout. Invoke it when you need repeatable enter/exit motion without pulling a separate animation library.1.8kinstalls3Tailwindcss Mobile Firsttailwindcss-mobile-first is an agent skill for solo builders implementing interfaces with Tailwind CSS v4 who want industry-standard responsive behavior without desktop-first regressions. It proactively activates when work involves breakpoint prefixes, progressive typography and grids, show-hide across viewports, max-width overrides, container queries, safe-area and notch padding, orientation tweaks, or discriminating touch from hover-capable pointers. The skill encodes the mobile-first mindset—default styles target small screens, larger breakpoints add enhancement—and contrasts that with fragile desktop-down class ordering. Reference material covers breakpoint maps, flex and grid recipes, and accessibility-friendly touch targets in a 2025/2026 SEO and traffic context where mobile-first indexing dominates discovery. Use during Build for new pages; revisit in Ship perf or Launch SEO when layout bugs hurt Core Web Vitals or readability on phones.1.6kinstalls4Docker Best PracticesDocker Best Practices is a DevOps-focused agent skill for solo builders who containerize services without a platform team. It should activate when you write or refactor Dockerfiles, choose between distroless, Alpine, slim, or scratch bases, or wire HEALTHCHECK and signal-aware shutdown for real deployments. The skill packages opinionated templates, layer-ordering guidance, secret-handling rules, and Compose examples for local parity with production. Multi-phase value shows up when you scaffold images during Build, harden before Ship, and revisit tags and health probes during Operate. It also encodes repo hygiene—prefer updating README over spawning new docs, and use Windows backslashes for agent file tools on Win32. The outcome is smaller, cache-friendly images with least-privilege runtime users rather than copy-pasted tutorial Dockerfiles that balloon in CI and leak build args.731installs5Tailwindcss Advanced Design SystemsTailwind CSS Advanced Design Systems is a frontend skill for solo builders who want a real token layer instead of scattered arbitrary classes. It walks through building a comprehensive @theme block: resetting default color wildcards for full control, defining semantic tokens for surfaces and text, and laying out brand scales in oklch for predictable light and dark-friendly palettes. Use it when starting or refactoring a SaaS UI, plugin surface, or marketing app on Tailwind v4 and you need one source of truth for borders, typography, spacing, and elevation. It does not replace UX research or component library choice—it accelerates consistent CSS architecture so agents generate on-brand utilities. Expect copy-ready CSS snippets you adapt to your brand hues and accessibility targets.536installs6Powershell Masterpowershell-master is a CI/CD reference skill for solo builders who ship PowerShell modules, deployment scripts, or cross-platform tooling and need copy-ready pipeline YAML instead of guessing shell contexts. The readme focuses on three hosts: GitHub Actions with explicit pwsh shells, Azure DevOps PowerShell@2 tasks, and Bitbucket Pipelines patterns. Each path shows how to install Pester and PSScriptAnalyzer, run tests with structured output such as NUnit XML, and surface analyzer summaries as merge gates. A matrix job demonstrates running the same test script on Linux, Windows, and macOS runners—important when pwsh is your common denominator but OS behavior diverges. Use it while wiring first-time CI for a PowerShell repo, standardizing analysis on PRs, or porting scripts from local Invoke-Pester habits into hosted automation.532installs