webBuild, debug, and deploy websites using HTML, CSS, JavaScript, and modern frameworks following production best practices.
Install via ClawdBot CLI:
clawdbot install ivangdavila/web| Need | See |
|------|-----|
| HTML/CSS issues | html-css.md |
| JavaScript patterns | javascript.md |
| React/Next.js/frameworks | frameworks.md |
| Deploy to production | deploy.md |
| Performance/SEO/a11y | performance.md |
.class overrides element selectors regardless of order=== not == — Type coercion causes "0" == false to be trueforEach doesn't await; use for...of or Promise.allAccess-Control-Allow-Origin on the serverpreventDefault — Page reloads; call e.preventDefault() in submit handlerwidth/height causes layout shift (CLS penalty)NEXT_PUBLIC_* exposes to client; never prefix secrets"Make it responsive" → Mobile-first CSS with media queries; test at 320px, 768px, 1024px
"Deploy to production" → See deploy.md for Vercel/Netlify/VPS patterns
"Fix CORS error" → Server must send headers; proxy through same-origin if you can't control server
"Improve performance" → Lighthouse audit; focus on LCP, CLS, FID; lazy-load below-fold images
"Add SEO" → Title/description per page, semantic HTML, OG tags, sitemap.xml
Generated Mar 1, 2026
Build a responsive online store with product listings, shopping cart functionality, and secure checkout. Focus on mobile-first design, SEO optimization for product pages, and performance tuning to reduce load times and improve user experience.
Create a professional website for a business to showcase services, team profiles, and contact information. Emphasize semantic HTML for accessibility, responsive layouts across devices, and integration with analytics tools for tracking visitor engagement.
Develop a blog using a framework like Next.js or Astro to support dynamic content, author authentication, and SEO-friendly URLs. Implement features such as markdown rendering, comment sections, and social media sharing to drive traffic and reader interaction.
Build an interactive learning platform with video lessons, quizzes, and progress tracking. Ensure cross-browser compatibility, handle asynchronous data fetching for user progress, and optimize for performance to support users with varying internet speeds.
Design a website for event sign-ups with form validation, payment processing, and confirmation emails. Address CORS issues if integrating third-party APIs, use HTTPS to secure transactions, and apply responsive design for mobile attendees.
Offer custom website design and development services to small businesses or individuals. Charge per project or hourly, with revenue generated from one-time builds, maintenance contracts, and add-ons like SEO optimization or hosting setup.
Develop and sell subscription-based software tools for web developers, such as code generators, performance analyzers, or deployment assistants. Monetize through monthly or annual plans, with potential upsells for premium features or enterprise support.
Run a web development agency providing ongoing services like website updates, security audits, and performance monitoring. Secure long-term contracts with clients, generating steady revenue from retainer fees and additional project work as needed.
💬 Integration Tip
Use environment variables for API keys to prevent leaks, and set up CORS headers on the server side to avoid cross-origin issues when integrating external services.
Use the mcporter CLI to list, configure, auth, and call MCP servers/tools directly (HTTP or stdio), including ad-hoc servers, config edits, and CLI/type generation.
Connect to 100+ APIs (Google Workspace, Microsoft 365, GitHub, Notion, Slack, Airtable, HubSpot, etc.) with managed OAuth. Use this skill when users want to...
YouTube Data API integration with managed OAuth. Search videos, manage playlists, access channel data, and interact with comments. Use this skill when users want to interact with YouTube. For other third party apps, use the api-gateway skill (https://clawhub.ai/byungkyu/api-gateway).
Scaffold, test, document, and debug REST and GraphQL APIs. Use when the user needs to create API endpoints, write integration tests, generate OpenAPI specs, test with curl, mock APIs, or troubleshoot HTTP issues.
Search for jobs across LinkedIn, Indeed, Glassdoor, ZipRecruiter, Google Jobs, Bayt, Naukri, and BDJobs using the JobSpy MCP server.
This skill should be used when analyzing HTML/CSS websites for SEO optimization, fixing SEO issues, generating SEO reports, or implementing SEO best practices. Use when the user requests SEO audits, optimization, meta tag improvements, schema markup implementation, sitemap generation, or general search engine optimization tasks.