fec-responsive-layoutUse when designing, implementing, or reviewing responsive frontend layouts, mobile-first breakpoints, container queries, fluid grids, data-dense tables, touch targets, safe areas, orientation changes, viewport overflow, or cross-device UI behavior; Chinese triggers include responsive layouts, mobile
Install via ClawdBot CLI:
clawdbot install bovinphang/fec-responsive-layoutGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://github.com/bovinphang/frontend-craftAudited Sep 8, 2026 · audit v1.0
Generated Sep 8, 2026
Design a product listing page that adapts from mobile to desktop, prioritizing critical product images, prices, and add-to-cart buttons on small screens, with details expandable. Use container queries for card grids to reflow smoothly. Industry: Retail / E-commerce.
Build an analytics dashboard that must display complex tables and charts on various devices. Implement column prioritization, horizontal scrolling for tables only, and touch-friendly interactions. Ensure critical KPIs remain visible on mobile. Industry: SaaS / Analytics.
Create a news website with a mobile-first layout, emphasizing article content and readability. Use fluid typography and spacing with clamp(), and collapse navigation into a drawer on smaller screens. Ensure touch targets are adequate. Industry: Media / Publishing.
Develop a booking form for a hotel chain that works across devices, with date pickers and guest selection usable on mobile. Use safe areas for notched devices and handle orientation changes. Industry: Travel / Hospitality.
Provide responsive dashboards and tools to subscribers, ensuring usability on any device, increasing retention and value.
Offer a free version of a website builder with limited responsive templates; charge for premium themes that are fully responsive and customizable.
Sell products through a responsive online store that converts on mobile, reducing cart abandonment and increasing sales.
💬 Integration Tip
Integrate this skill into coding workflows or design reviews; use the checklist to validate responsive behavior at breakpoints.
Scored Sep 8, 2026
Fetch and read transcripts from YouTube videos. Use when you need to summarize a video, answer questions about its content, or extract information from it.
Monitor RSS and Atom feeds for content research. Track blogs, news sites, newsletters, and any feed source. Use when monitoring competitors, tracking industr...
用 MinerU API 解析 PDF/Word/PPT/图片为 Markdown，支持公式、表格、OCR。适用于论文解析、文档提取。
Provides a personalized morning report with today's reminders, undone Notion tasks, and vault storage summary for daily planning.
Extract text from PDFs with OCR support. Perfect for digitizing documents, processing invoices, or analyzing content. Zero dependencies required.
Fetch scheduled economic events and data releases from the FMP API for specified dates, filtering by impact, country, and type, and output a chronological ma...