下载

Skill UI

浏览并发现 9688+ 精选技能

全部编程开发人工智能设计创意产品商业数据科学市场营销职场通用效率工具硬件工程语言学习

搜索前端，共找到 120 条记录

默认排序最新上传最多下载

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

Leonxlnx/taste-skill

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

构建KYC身份验证流程

persona-core-workflow-a

jeremylongshore/claude-code-plugins-plus-skills

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

生产环境搜索API部署集成

serpapi-deploy-integration

jeremylongshore/claude-code-plugins-plus-skills

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

SerpApi API密钥安全最佳实践

serpapi-security-basics

jeremylongshore/claude-code-plugins-plus-skills

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

Shopify应用架构选择指南

shopify-architecture-variants

jeremylongshore/claude-code-plugins-plus-skills

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

Shopify无头前端架构指南

shopify-storefront-headless

jeremylongshore/claude-code-plugins-plus-skills

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

WebContainer开发环境搭建

stackblitz-hello-world

jeremylongshore/claude-code-plugins-plus-skills

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

Web管理路由组件与钩子

webiny-admin-router-catalog

webiny/webiny-js

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

全栈扩展架构骨架

webiny-full-stack-architect

webiny/webiny-js

本模板提供了一个全栈扩展的标准化骨架，用于构建同时包含后端 API 服务和前端管理界面的扩展。它强制实现关注点分离，使用共享领域层保证数据一致性，并要求通过特定的入口点注册API和管理代码。适用于需要统一管理界面和复杂后端逻辑的复杂应用场景。

预发布代码全景审计

alirezarezvani/claude-skills

这是一个全面的预生产代码审计工具，能扫描代码库，检查安全、数据库、部署、代码质量、AI/LLM使用、依赖、前端和可观测性等八个关键领域。它会拦截部署操作，直到所有关键问题解决。该工具不依赖特定技术栈，提供详细的通过/失败/手动报告。

UI截图转Vue 3组件生成器

affaan-m/everything-claude-code

本工具能够将UI设计截图或视觉导出图片，批量自动转换为结构化的Vue 3 Composition API组件代码。它支持Vant、Element Plus和Ant Design Vue等主流UI库，帮助开发者实现从设计稿到可运行代码的快速转换，是提高前端开发效率的强大辅助工具。

Vite构建模式与最佳实践

affaan-m/everything-claude-code

本指南全面介绍了Vite构建工具的最佳实践和模式。内容涵盖了从开发服务器配置、插件管理、环境配置到依赖预构建和生产环境优化的所有关键技术点，帮助开发者掌握现代前端项目的构建流程。

上一页 1 2 3...7 8 910

语言