Sidebar Generator
Helps you design sidebars for blogs, docs, and content sites with a clear opinion: sidebars are great for navigation and discovery, terrible for conversion. The skill walks you through placement (left vs right, static vs sticky), widget selection, and mobile behavior, but it'll push you toward in-content CTAs or bottom-right sticky elements instead of sidebar CTAs since the data shows posts without sidebars convert 3.1x better. Useful when you're deciding what actually belongs in that column or auditing why your sidebar signup form isn't working. Pulls from project context if available and integrates with TOC and CTA generators.
- skills.sh installs
- 1.1K
- GitHub stars
- 1.1K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add kostja94/marketing-skills --skill sidebar-generator --agent claude-codeInstalls into .claude/skills of the current project.
Files
Sidebar construction has moved
Sidebar construction is now maintained in the Sidebar reference in Bricks, the component layer for AI agents.
npx skills add kostja94/bricks --skill component-builder
Ask the agent to use component-builder to build a new Sidebar. This compatibility entry contains no component rules and is no longer maintained.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/kostja94/marketing-skills
- Categories
- Frontend Development, Documentation, Automation & Workflows, Marketing & SEO, Design & UI/UX
- First seen
- May 16, 2026
More from kostja94/marketing-skills
All 172- Customer Stories Page Generator1.1K
- Docs Page Generator1.1K
- Features Page Generator1.1K
- Referral Program1.1K
- Showcase Page Generator1.1K
- Popup Generator1.1K
- Contest Page Generator1.1K
- Use Cases Page Generator1.1K
- Services Page Generator1.1K
- Video Optimization1.1K
- Native Ads1.1K
- Glossary Page Generator1.1K
- Disclosure Page Generator1.1K
- Tools Page Generator1.1K
- Changelog Page Generator1.1K
- Careers Page Generator1.1K
- Download Page Generator1.1K
- Integrations Page Generator1.1K
- Toc Generator1.1K
- Directory Listing Ads1.1K
- Feedback Page Generator1.1K
- Startups Page Generator1.1K
- Status Page Generator1.1K
- Masonry1.1K
Recommended
More Frontend Development
hoc-patternpatternsdev/skillsTeaches the Higher-Order Component (HOC) pattern for logic reuse. Use when you need to share cross-cutting concerns like authentication, logging, or data fetchi1.1Kskills.sh installsclient-side-renderingpatternsdev/skillsTeaches client-side rendering (CSR) for React applications. Use when building highly interactive apps where SEO is not a priority and the UI is driven by user a1.1Kskills.sh installs
marketplace-order-hookvtex/skillsApply when implementing order integration hooks, feeds, or webhook handlers for VTEX marketplace connectors. Covers Feed v3 (pull) vs Hook (push), filter types 1.1Kskills.sh installs
masonrykostja94/marketing-skillsWhen the user wants to design, optimize, or audit masonry (Pinterest-style) layouts for content display. Also use when the user mentions "masonry layout," "maso1.1Kskills.sh installs
no-use-effectfactory-ai/factory-pluginsEnforce the no-useEffect rule when writing or reviewing React code. ACTIVATE when writing React components, refactoring existing useEffect calls, reviewing PRs 1.1Kskills.sh installs
trpc-type-safetybobmatnyc/claude-mpm-skillstRPC end-to-end type-safe APIs for TypeScript with React Query integration and full-stack type safety1Kskills.sh installs