web使用HTML、CSS、JavaScript及主流框架,构建、调试并部署高质量网页项目,支持中文交互和自动化流程。
Install via ClawdBot CLI:
clawdbot install ivangdavila/webGrade Good — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
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.
Scored Apr 19, 2026
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...
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions. Use when implementing accessible interfaces, fixing screen reader issues, keyboard navigation, or troubleshooting "focus outline missing", "aria-label required", "insufficient contrast".
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.