senior-frontendFrontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, or reviewing frontend code quality.
Install via ClawdBot CLI:
clawdbot install alirezarezvani/senior-frontendGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Contains telemetry, tracking, or analytics calls not mentioned in documentation
analytics.track(Calls external URL not in known-safe list
http://localhost:3000/apiUses known external API (expected, informational)
googleapis.comAI Analysis
The skill definition describes legitimate frontend development workflows and tooling. The flagged signals (telemetry injection, localhost API calls, and googleapis.com) are typical for development environments, analytics, and font loading, and do not indicate malicious data exfiltration or credential harvesting.
Audited Apr 16, 2026 · audit v1.0
Generated Mar 1, 2026
A company building a new online store needs to quickly scaffold a Next.js application with authentication, API integration, and optimized bundle sizes for fast page loads. The skill helps generate the project structure, components like product cards and shopping carts, and analyze dependencies to ensure performance.
A startup developing a data analytics dashboard requires React components with TypeScript, custom hooks for data fetching, and accessibility compliance. This skill automates component generation with tests and stories, and provides patterns for compound components to manage complex UI states.
An agency building a CMS for clients needs to set up a React project with forms, validation, and server components for dynamic content. The skill scaffolds the project with features like forms and testing, and offers bundle analysis to keep the application lightweight and maintainable.
A large enterprise creating internal tools for HR or finance teams requires a frontend with reusable UI components and performance optimization. This skill generates components with Tailwind CSS, analyzes heavy dependencies, and provides React patterns for scalable codebases.
A tech firm building a responsive web app for mobile users needs Next.js optimizations, accessibility features, and efficient bundle sizes. The skill helps scaffold the project with best practices, generate server components for SEO, and ensure compliance with testing standards.
Companies offering frontend development tools or platforms can use this skill to provide automated scaffolding and component generation as part of a paid subscription. Revenue comes from monthly or annual fees for access to premium features and updates.
Agencies or freelancers leverage this skill to accelerate client projects, reducing development time and costs. Revenue is generated through hourly rates or fixed project fees for building and optimizing frontend applications.
The skill is offered as open-source tools, with revenue from selling support, customization, or enterprise features. Businesses pay for advanced analytics, priority updates, or integration assistance to enhance their development workflows.
💬 Integration Tip
Integrate this skill into existing CI/CD pipelines by automating component generation and bundle analysis during build processes to catch performance issues early.
Scored Apr 18, 2026
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Build or update the BlueBubbles external channel plugin for Clawdbot (extension package, REST send/probe, webhook inbound).
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use...
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.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.