listWhen the user wants to design, optimize, or audit list layouts for content display. Also use when the user mentions "list layout," "list design," "vertical l...
Install via ClawdBot CLI:
clawdbot install kostja94/listGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated May 6, 2026
A content-heavy blog needs a scannable list layout for its index page. The list includes titles, excerpts, dates, and author names, optimized for F-pattern reading and infinite scroll with paginated fallback for SEO.
A software documentation site displays search results as a dense list with title, excerpt, and metadata like last updated. The table-like variant allows users to quickly scan by date or status.
An admin panel for an e-commerce platform uses a compact list to manage many products. Each item shows title, SKU, inventory status, and clickable links for editing, with alternating background for readability.
A news app uses a rich list with thumbnails for breaking news. Each item includes headline, summary, timestamp, and category, optimized for mobile with touch-friendly targets and truncation.
Offer a basic list-based browsing experience for free users, with premium features like advanced filtering, infinite scroll without ads, or exportable lists. Revenue comes from subscription upgrades.
Monetize a high-traffic list layout (e.g., blog index, search results) by placing inline ads or sponsored items within the list. Revenue is generated through CPM or CPC ads.
Charge businesses for hosting and maintaining their documentation with custom list layouts. Offer tiered pricing based on number of documents, advanced search, and SEO-friendly infinite scroll implementation.
💬 Integration Tip
Start with a simple list variant (title + link) for navigation or TOC, then add metadata and thumbnails as needed. Ensure touch targets are at least 44x44px for mobile.
Scored May 6, 2026
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer han...
Implements UI from design mockups (Figma, Sketch, or image) with pixel-accurate layout, responsive behavior, and design tokens. Use when 还原设计图, implementing...
Complete Motion.dev documentation - modern animation library for React, JavaScript, and Vue (formerly Framer Motion)
Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL requir...
Build interactive HTML prototypes. Use when creating clickable mockups, adding animations, linking pages, or exporting HTML.
Figma integration. Manage Files, Projects, Teams. Use when the user wants to interact with Figma data.