前端开发 Skill技能列表
Telegram迷你应用构建专家Skill telegram-mini-app
该技能专门用于构建Telegram迷你应用(TWA),这是一种在Telegram内运行的Web应用,提供类似原生的用户体验。技能涵盖Telegram Web App API、TON区块链集成、支付系统、用户认证、病毒式传播机制等,适用于开发游戏、DeFi应用、工具和社交应用。关键词:Telegram迷你应用、TWA、TON区块链、Web3、前端开发、病毒传播、货币化、Telegram Web App。
ShadCNUI组件开发规范Skill shadcn-ui-patterns
ShadCN UI组件开发规范是一套针对React前端开发的标准化指南,专注于UI组件构建、无障碍访问(WCAG 2.1 AA)、TailwindCSS最佳实践和TypeScript类型安全。该规范详细说明了如何使用ShadCN UI库(基于Radix UI原语)进行现代Web应用开发,包括组件安装模式、表单验证(React Hook Form + Zod)、服务器/客户端组件划分、深色模式支持以及严格的测试方法。适用于构建企业级React应用、Next.js项目,确保代码一致性、可维护性和卓越的用户体验。
Markdown表格Skill markdown-tables
这个技能是关于在Markdown中创建和格式化表格的,包括基本语法、对齐方式、转义字符、多行单元格等高级功能,适用于技术文档编写、网页内容格式化,关键词包括Markdown、表格、格式化、语法、文档编写、前端开发。
Web前端构建工具Skill web-artifacts-builder
这是一个用于创建复杂多组件Claude.ai HTML前端工具的技能套件,使用React、Tailwind CSS、shadcn/ui等现代Web技术。适用于需要状态管理、路由或高级UI组件的项目,关键词包括前端开发、React、Tailwind CSS、shadcn/ui、构建工具。
8位像素艺术图案Skill 8-bit-pixel-art-patterns
这个技能用于创建8位复古风格的像素化边框、阴影和效果,适用于UI组件开发,通过绝对定位的div实现像素艺术美学。关键词包括:像素艺术、8位、UI组件、CSS、React、前端开发。
Vue应用结构Skill vue-application-structure
使用 Vue 3 的组合 API、组件组织和 TypeScript 构建可扩展的 Vue 应用程序,实现代码的模块化和类型安全。
网站分析实施Skill analytics
该技能专注于网站数据分析的实施与配置,核心功能包括Google Analytics 4 (GA4) 的部署、事件追踪代码的植入、标签管理系统的搭建以及自定义事件的创建。它帮助用户收集网站流量、用户行为及转化数据,确保数据采集符合隐私法规,为网站优化、营销效果评估和用户体验提升提供数据支持。关键词:网站分析、GA4、事件跟踪、标签管理、数据采集、隐私合规、转化跟踪。
Web界面设计指南合规审查技能Skill web-design-guidelines
这个技能用于自动审查UI代码的合规性,确保其遵循最新的Web界面设计指南。它能实时获取并应用指南规则,检查代码文件中的问题,并以简洁格式输出结果,适用于前端开发、用户体验优化和网站合规性审计。关键词:UI代码审查、Web设计指南、前端开发、可访问性检查、设计审核、UX审查、合规性检查。
TailwindCSS配置Skill tailwind-configuration
Tailwind CSS配置技能专注于通过tailwind.config.js文件自定义Tailwind CSS框架,包括内容路径设置、主题扩展、插件集成和构建优化,适用于前端开发项目,关键词包括Tailwind CSS、配置、主题定制、插件、前端开发、CSS框架。
Chrome本地AI提示API开发指南Skill web-ai-prompt-api
Chrome本地AI提示API开发指南,详细介绍如何在浏览器中利用Gemini Nano模型实现AI功能,包括会话管理、多模态输入处理、结构化JSON输出、流式响应和Chrome扩展集成。该技能专注于前端AI应用开发,提供完整的本地化AI解决方案,无需依赖云端服务,保障数据隐私和安全。关键词:Chrome AI API,Gemini Nano,本地AI,浏览器AI,多模态输入,结构化输出,会话管理,前端AI开发,隐私保护AI
Next.js开发专家Skill nextjs-developer
Next.js开发专家技能用于构建高性能、SEO优化的Next.js 14+应用,专精于App Router、服务器组件和全栈部署。关键词:Next.js, App Router, React Server Components, SEO优化, 性能优化, Vercel部署, 前端开发, Web开发, 全栈开发, 服务器渲染
NuxtUISkill nuxt-ui
Nuxt UI v4是一个用于Vue 3和Nuxt 4+的UI组件库,提供预构建组件如按钮、模态框、表单、表格等,支持Tailwind Variants主题定制,基于Reka UI构建,适用于快速开发风格化用户界面。关键词包括Vue 3、Nuxt 4+、UI组件、Tailwind CSS、Reka UI、前端开发、组件库。