登录
下载

Skill UI

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

GSAP与Framer Motion滚动动画

gsap-framer-scroll-animation
github/awesome-copilot
213
本技能旨在指导用户构建专业级的滚动动画效果。它全面覆盖了视差、吸顶、水平滚动、元素渐入等多种复杂的滚动驱动动画，支持使用GSAP ScrollTrigger和Framer Motion等主流库，适用于React、Next.js及原生JS项目的前端实现。
查看详情

沉浸式前端界面设计与构建

premium-frontend-ui
github/awesome-copilot
97
该技能提供了一套专业级的架构指南，用于生成具有艺术感和高交互性的优质Web界面。它指导代码生成超越基础的HTML/CSS，专注于构建完整的沉浸式数字环境。核心内容涵盖了复杂的动效系统（如滚动驱动叙事、微交互）、独特的视觉风格（如玻璃拟态、极简主义）以及严格的性能优化和无障碍设计规范。
查看详情

基于设计系统的组件生成

ui-component
sickn33/antigravity-awesome-skills
425
该技能用于生成高度符合现有设计系统规范（如StyleSeed）的可复用UI组件。它强制组件使用语义化的设计令牌，并遵循严格的可访问性标准，从而避免了随意编写的样式和标记，确保整个前端界面的结构化和高一致性。
查看详情

前端集成与扩展操作

frontend-forge-fi-operations
kubesphere/kubesphere
192
本技能指南使用kubectl操作前端集成（FI）资源和前端扩展（frontend-forge）的完整生命周期。用户可以执行从完整YAML创建FI、更新其状态、启用/禁用功能、故障排查构建输出，以及管理扩展本身的安装过程。适用于负责DevOps和CI/CD流程管理的工程师。
查看详情

生成前端集成YAML配置

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

艺术指导级前端界面设计

image-taste-frontend
Leonxlnx/taste-skill
242
一个专业的艺术指导引擎，用于生成高质量、高度可执行的前端界面设计参考。它严格遵循现代UI/UX原则，避免AI生成物常见的同质化和美学缺陷。适用于创建具备清晰层次结构、充足留白和专业视觉冲击力的落地页、英雄区或复杂网站概念。
查看详情

设计稿到模块化React组件

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

shadcn/ui组件集成指南

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

Figma设计到代码生成

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

前端API集成最佳实践

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

Alchemy Web3应用参考架构

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

Algolia搜索应用云端部署指南

algolia-deploy-integration
jeremylongshore/claude-code-plugins-plus-skills
169
本指南提供了将Algolia搜索应用部署到主流云平台（如Vercel、Fly.io、Cloud Run）的完整流程。它涵盖了最佳实践，包括分离管理Admin和Search-Only的API密钥，以及实现后端API和使用React InstantSearch或Vanilla JS的前端组件，确保了应用的健壮性和安全性。
查看详情
上一页123...789101112下一页
语言
简体中文
English