下载

Skill UI

浏览并发现 9746+ 精选技能

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

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

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

生成前端集成YAML配置

frontend-integration-yaml

kubesphere/kubesphere

本工具用于将简化的单菜单作者模型，自动生成符合规范的FrontendIntegration YAML。它能将初步配置转换为完整的、可提交的集成YAML结构，适用于快速创建包含菜单和页面的前端集成部署配置。

设计稿到模块化React组件

react-components

google-labs-code/stitch-skills

该技能旨在自动化将视觉设计稿（来自Stitch）转化为高质量、模块化的React和Vite组件。它严格遵循现代前端最佳实践，要求逻辑分离到自定义Hooks，将数据解耦到Mock Data层，并使用TypeScript保证类型安全。流程涵盖了自动化资源获取、样式映射（如Tailwind），并包含严格的验证周期，确保生成代码是可维护、可生产环境使用的。

shadcn/ui组件集成指南

google-labs-code/stitch-skills

本指南为前端工程师提供了一套专业的shadcn/ui组件集成解决方案。它详细介绍了如何使用Tailwind CSS和Radix UI构建应用，涵盖了组件发现、安装流程、项目架构搭建以及高级定制化最佳实践。帮助开发者构建具备完全自主权和高度可定制性的前端应用。

Figma设计到代码生成

anima-hello-world

jeremylongshore/claude-code-plugins-plus-skills

本技能利用Anima SDK，能够将Figma设计稿高效转换为生产级别的代码。支持React、Vue、纯HTML等多种主流框架，并集成Tailwind CSS样式。它帮助开发者将设计视觉流转为可用的代码组件，适用于前端开发和设计原型验证。

前端API集成最佳实践

frontend-api-integration-patterns

sickn33/antigravity-awesome-skills

本技能集提供了一系列生产级的API集成模式，用于连接前端应用和后端API。它专门解决了异步编程中的复杂问题，如竞态条件、数据过期和重复请求。涵盖了API层抽象、请求取消、指数退避重试、防抖和去重等高级模式，旨在构建高度健壮和可靠的数据流。

Alchemy Web3应用参考架构

alchemy-reference-architecture

jeremylongshore/claude-code-plugins-plus-skills

一套完整的、基于Alchemy的Web3去中心化应用（dApp）参考架构。它详细规划了从前端、API层到区块链核心交互的整个全栈系统，涵盖了多链支持、缓存机制、速率限制和安全的API代理模式。适用于设计和构建复杂、生产级的多链区块链系统。

Algolia搜索应用云端部署指南

algolia-deploy-integration

jeremylongshore/claude-code-plugins-plus-skills

本指南提供了将Algolia搜索应用部署到主流云平台（如Vercel、Fly.io、Cloud Run）的完整流程。它涵盖了最佳实践，包括分离管理Admin和Search-Only的API密钥，以及实现后端API和使用React InstantSearch或Vanilla JS的前端组件，确保了应用的健壮性和安全性。

Algolia搜索架构最佳实践

algolia-reference-architecture

jeremylongshore/claude-code-plugins-plus-skills

本指南提供了生产级别的Algolia搜索参考架构，用于构建可扩展的搜索功能。它详细介绍了索引设计（包括多索引策略）、从源数据库到Algolia的完整数据管道构建、服务层（搜索、索引、设置）的结构化设计，以及前端集成，确保系统高可用性。

Awwwards级前端设计工程

Leonxlnx/taste-skill

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

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

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 暴露给前端浏览器，从而确保搜索请求的安全性、稳定性和可扩展性。

上一页 1 2 3...6 7 8910 下一页

语言