masonryWhen the user wants to design, optimize, or audit masonry (Pinterest-style) layouts for content display. Also use when the user mentions "masonry layout," "m...
Install via ClawdBot CLI:
clawdbot install kostja94/masonryGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://developers.google.com/search/blog/2014/02/infinite-scroll-search-friendlAudited Apr 17, 2026 · audit v1.0
Generated May 5, 2026
An artist wants to display works with varying aspect ratios (e.g., portraits, landscapes) in a visually appealing layout. Masonry handles the uneven heights naturally, creating an engaging browsing experience.
An online store sells items with diverse image dimensions (e.g., clothing, home decor). Masonry allows products to be displayed in a dynamic grid that adapts to each image's aspect ratio, improving visual appeal.
A social platform for photographers where users upload images of random sizes. Masonry layout stacks photos in columns without blank spaces, mimicking Pinterest-style discovery.
A blog that features posts with images, videos, and long text snippets. Masonry organizes them in a flexible grid, highlighting visual content while keeping text readable.
A real estate website displays property photos with varying dimensions (e.g., exteriors, interiors). Masonry creates an attractive gallery that adjusts to image sizes, helping users browse listings visually.
Basic masonry layout is free; advanced customizations (e.g., breakpoints, animation) are paid. Revenue from subscriptions or one-time purchases.
Display ads within masonry galleries; monetize user engagement and page views. Revenue from CPM or CPC advertising.
License the masonry layout component to developers or agencies. Charge per integration or as part of a broader design toolkit.
💬 Integration Tip
Start with CSS columns for simple needs; for true masonry with left-to-right fill, use a JS library like Masonry.js, but ensure logical DOM order for accessibility.
Scored May 5, 2026
Control desktop applications on Windows — launch, close, focus, resize, move windows, simulate keyboard/mouse input, manage processes, control VSCode, read clipboard, and capture screen info. Use when the user wants to interact with any running program, switch windows, type text, press shortcuts, open files in VSCode, manage running processes, or get system display information.
Conduct rigorous, adversarial code reviews with zero tolerance for mediocrity. Use when users ask to "critically review" my code or a PR, "critique my code", "find issues in my code", or "what's wrong with this code". Identifies security holes, lazy patterns, edge case failures, and bad practices across Python, R, JavaScript/TypeScript, SQL, and front-end code. Scrutinizes error handling, type safety, performance, accessibility, and code quality. Provides structured feedback with severity tiers (Blocking, Required, Suggestions) and specific, actionable recommendations.
Coding style memory that adapts to your preferences, conventions, and patterns for consistent coding.
Pragmatic coding standards for writing clean, maintainable code — naming, functions, structure, anti-patterns, and pre-edit safety checks. Use when writing new code, refactoring existing code, reviewing code quality, or establishing coding standards.
Claude Code integration for OpenClaw. This skill provides interfaces to: - Query Claude Code documentation from https://code.claude.com/docs - Manage subagents and coding tasks - Execute AI-assisted coding workflows - Access best practices and common workflows Use this skill when users want to: - Get help with coding tasks - Query Claude Code documentation - Manage AI-assisted development workflows - Execute complex programming tasks
Plan, draft, version, and refine written content with enforced versioning and quality audits.