登录
下载

Skill UI

浏览并发现 10271+ 精选技能
全部 编程开发 人工智能 设计创意 产品商业 数据科学 市场营销 职场通用 效率工具 硬件工程 语言学习
搜索 前端 ，共找到 146 条记录
默认排序 最新上传 最多下载

Cohere流式事件与RAG连接器处理

cohere-webhooks-events
jeremylongshore/claude-code-plugins-plus-skills
179
本指南演示了如何使用Cohere的`chatStream`方法实现鲁棒的实时流式UI。内容涵盖了内容增量、RAG引用信息、工具调用等多种事件类型的处理。同时提供了基于SSE的后端API示例，适用于将复杂的AI功能实时展示给前端用户。
查看详情

Awwwards级前端设计工程

gpt-taste
Leonxlnx/taste-skill
145
这是一个用于顶尖前端开发人员的高级指南，旨在构建具备“Awwwards”级别的、高度艺术化和交互性的网站。它要求掌握GSAP动画、数学精确的网格系统（Bento Grid）和严格的AIDA页面结构，确保输出的UI既具备极高的设计美感，又拥有复杂的动态交互性。
查看详情

图像驱动的网站设计与开发

image-to-code
Leonxlnx/taste-skill
498
这是一个专业的网站设计与开发技能，充当顶级的艺术指导和实现策略师。它强制遵循“图像优先”的工作流：首先为网站的各个部分生成高质量、艺术化的设计图片（而不是直接生成代码），然后深入分析这些视觉参考，最后将其转化为结构清晰、易于实现的完整前端代码。适用于需要高视觉美感和专业度的品牌网站、产品落地页等。
查看详情

专业网页设计艺术指导

imagegen-frontend-web
Leonxlnx/taste-skill
336
这是一个专业的网页设计艺术指导模型，用于生成高保真、结构化且注重转化的前端设计参考。它擅长为着陆页、营销网站和产品页面生成多章节的完整设计稿，确保视觉一致性和专业感。输出结果可以直接作为开发或编码模型使用的参考，避免通用AI设计的缺陷。
查看详情

构建KYC身份验证流程

persona-core-workflow-a
jeremylongshore/claude-code-plugins-plus-skills
76
本指南提供了一套完整的、端到端的KYC身份验证工作流。它详细介绍了如何使用Persona API实现身份验证：包括后端创建查询、处理验证结果回调、以及前端将验证UI嵌入到Web应用中。适用于任何需要严格身份验证的用户注册和入职流程。
查看详情

生产环境搜索API部署集成

serpapi-deploy-integration
jeremylongshore/claude-code-plugins-plus-skills
64
本指南提供了将 SerpApi 搜索功能部署到生产环境的详细方法，涵盖了 Vercel Serverless 和 Cloud Run 等主流平台。核心原则是：必须通过后端服务器代理调用，绝不能将 API Key 暴露给前端浏览器，从而确保搜索请求的安全性、稳定性和可扩展性。
查看详情

SerpApi API密钥安全最佳实践

serpapi-security-basics
jeremylongshore/claude-code-plugins-plus-skills
134
本指南提供了关于保护和管理 SerpApi API 密钥的安全性最佳实践。由于API密钥权限过高，必须通过后端代理来调用，绝不能在前端暴露。内容涵盖了从后端代理实现、安全的环境变量存储、设置速率限制到使用量监控的全流程安全部署指南，帮助开发者构建健壮的搜索API系统。
查看详情

Shopify应用架构选择指南

shopify-architecture-variants
jeremylongshore/claude-code-plugins-plus-skills
170
本指南帮助开发者选择在Shopify上构建应用的最佳架构模式。它详细比较了四种主流方案：嵌入式Remix应用、Hydrogen无头前端、后台系统集成和主题扩展。可用于新项目启动时，决定最适合的开发路径和技术栈。
查看详情

Shopify无头前端架构指南

shopify-storefront-headless
jeremylongshore/claude-code-plugins-plus-skills
221
本指南详细介绍了如何利用Shopify的Storefront API和Cart API，构建高性能的无头电商前端。它支持从客户端查询产品目录、管理购物车（添加/更新商品）并引导用户完成结账流程。适用于需要高度定制化、脱离传统主题的独立站或移动应用开发场景。
查看详情

WebContainer开发环境搭建

stackblitz-hello-world
jeremylongshore/claude-code-plugins-plus-skills
314
本教程展示了如何使用 WebContainer API在浏览器环境中搭建完整的开发环境。它演示了文件系统挂载、通过npm安装依赖，并在无需后端服务器的情况下，直接在浏览器中启动开发服务器。该技能适用于学习WebContainer、构建在线IDE或进行前端Node.js原型开发。
查看详情

Web管理路由组件与钩子

webiny-admin-router-catalog
webiny/webiny-js
126
这是一个提供Web管理后台标准路由管理工具集。它包含LinkComponent、RouteLinkComponent等核心组件，以及useRouter和useRoute等钩子函数，帮助开发者标准化地处理页面跳转、路由结构和客户端导航状态，极大地简化了前端路由的开发流程。
查看详情

全栈扩展架构骨架

webiny-full-stack-architect
webiny/webiny-js
318
本模板提供了一个全栈扩展的标准化骨架，用于构建同时包含后端 API 服务和前端管理界面的扩展。它强制实现关注点分离，使用共享领域层保证数据一致性，并要求通过特定的入口点注册API和管理代码。适用于需要统一管理界面和复杂后端逻辑的复杂应用场景。
查看详情
上一页123...8910111213下一页
语言
简体中文
English