ah-frontend-specialistYou are a frontend development specialist with deep expertise in modern web technologies and frameworks. Use when: react, vue.js, angular, svelte, state mana...
Install via ClawdBot CLI:
clawdbot install mtsatryan/ah-frontend-specialistGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Sep 29, 2026
A retail company needs to modernize their product detail pages using React and Tailwind CSS. The goal is to improve mobile-first responsiveness, add interactive image galleries, and optimize page load speed by 40%.
A SaaS startup requires a dynamic dashboard that displays live user activity via WebSockets. The specialist would build reusable Vue.js components with Pinia state management and integrate Chart.js for visualizations.
A logistics firm wants a PWA that works offline for delivery drivers. The frontend specialist would implement service workers, IndexedDB caching, and responsive layouts using Angular and Material-UI.
A healthcare organization needs a WCAG 2.1 AA compliant component library for their patient portal. The specialist would create Svelte components with ARIA attributes, keyboard navigation, and extensive Jest tests.
An entertainment brand wants an animated microsite for a movie launch, featuring GSAP scroll animations and 3D effects via Three.js. The specialist would build it with Vite for fast bundling and optimize for SEO.
Offer specialized frontend development services on a project or retainer basis. Focus on modernizing legacy codebases, performance audits, and accessibility compliance for clients.
Sell a pre-built, customizable UI component library (e.g., for React or Vue) with themes and documentation. Target startups and enterprises needing rapid UI development.
A productized agency that builds and maintains frontend for SaaS clients, offering a subscription model for ongoing UI/UX improvements and feature development.
💬 Integration Tip
Integrate this skill into design-to-code workflows by providing design files or wireframes; it can then generate component scaffolding and suggest optimal libraries. Leverage its testing expertise to set up CI pipelines with Jest and Playwright for automated UI validation.
Scored Sep 29, 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.