web-fixing修复网页和前端界面问题。当用户要求修复网页、调试前端、解决UI问题、修复样式、响应式布局错误、移动端显示异常、CSS问题、JavaScript报错、交互功能失效、生成网页后检查并修复时使用此技能。
Install via ClawdBot CLI:
clawdbot install aqbjqtd/web-fixingGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://example.comAudited Apr 16, 2026 · audit v1.0
Generated Apr 14, 2026
A retail company's product page has broken responsive layout on mobile devices, causing checkout buttons to be inaccessible. The skill systematically diagnoses CSS media query conflicts and implements a mobile-first fix using Flexbox, ensuring touch targets meet accessibility standards.
A business analytics dashboard experiences intermittent JavaScript errors that prevent data visualization from loading. The skill analyzes console stack traces, identifies asynchronous loading race conditions, and implements proper DOMContentLoaded event handling to resolve the issue.
A media company's article pages display incorrectly in Safari while working fine in Chrome. The skill performs multi-browser testing, identifies vendor-specific CSS property issues, and implements appropriate prefixes and fallbacks to ensure consistent rendering across all major browsers.
A financial institution's online application form has validation logic that fails silently on certain input patterns. The skill debugs JavaScript event listeners, identifies scope chain issues, and implements proper error handling with user-friendly feedback messages.
A patient portal experiences slow loading times affecting user experience. The skill uses Lighthouse audits, identifies render-blocking resources and inefficient CSS selectors, and implements code splitting and CSS containment to improve Core Web Vitals scores.
Agencies can offer this as a specialized debugging service to existing clients, charging hourly rates for systematic frontend problem resolution. This creates recurring revenue through maintenance contracts and emergency fix packages.
SaaS companies can integrate this skill into their customer support workflows to quickly resolve frontend issues reported by users. This reduces support ticket resolution time and improves customer satisfaction metrics.
Independent developers can offer targeted frontend debugging services on platforms like Upwork or through direct referrals. Specializing in systematic problem-solving allows premium pricing for complex issues that general developers struggle to resolve.
💬 Integration Tip
Integrate with existing CI/CD pipelines by adding automated browser testing using Playwright and performance monitoring with Web Vitals to catch regressions early.
Scored Apr 19, 2026
Frontend development with React, Next.js, Tailwind CSS. Build landing pages, dashboards, forms, components. Responsive, accessible, performant UI.
Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites, portfolios, dashboards, or any static web UI. Supports both Vite (pure static) and Next.js (Vercel deploy) workflows.
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...