frontend-skill全能高级前端研发工程师技能。擅长AI时代前沿技术栈（React最新 + shadcn/ui + Tailwind CSS v4 + TypeScript + Next.js），精通动效库与交互特效开发。采用Glue Code风格快速实现代码，强调高质量产品体验与高度友好的UI视觉规范。在组件调用、交互特效、全局T...
Install via ClawdBot CLI:
clawdbot install lumacoder/frontend-skillGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated May 10, 2026
使用React最新版、Next.js、shadcn/ui和Tailwind CSS v4快速搭建企业级应用，涵盖用户管理、数据看板等模块，确保代码规范、性能优化和安全性。
结合动效库与交互特效，创建高度动态的数据可视化界面，支持响应式设计，适用于金融、营销等领域的数据展示。
将老旧jQuery或Vue项目迁移至现代React技术栈，采用组件化开发，提升可维护性和用户体验，同时确保安全性和响应式适配。
基于shadcn/ui和Tailwind CSS v4构建可复用的内部组件库，涵盖按钮、表单、弹窗等，遵循Glue Code风格，杜绝重复代码。
利用Next.js和动效库创建高性能、SEO友好的营销页面，集成表单提交、A/B测试功能，并针对移动端优化。
为客户提供前端开发外包服务，按项目或工时收费，涵盖从UI设计到代码实现的全流程，适合中小企业快速上线产品。
基于该技能构建SaaS产品的Web前端，采用订阅制收费，利用现代技术栈快速迭代，提供响应式、高性能的用户界面。
向其他开发者或企业提供React、Next.js等前沿技术栈的培训课程或前端架构咨询，按课程或工时收费。
💬 Integration Tip
确保Node.js版本≥18，并安装最新版Next.js和shadcn/ui CLI；遵循Glue Code风格，将重复逻辑抽取为可复用组件，同时配置安全头（CSP、XSS防护）以防范注入攻击。
Scored May 10, 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.