下载

Skill UI

浏览并发现 9668+ 精选技能

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

搜索 Framer ，共找到 21 条记录

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

深色主题 React UI 组件库

frontend-ui-dark-ts

sickn33/antigravity-awesome-skills

这是一个使用 React、Tailwind CSS 和 Framer Motion 构建的现代化深色主题UI组件系统。它提供了一套全面的组件和设计风格，非常适合开发专业的数据仪表盘、管理后台和数据密集型应用。内置了玻璃拟态和细腻动画效果，显著提升用户体验。

沉浸式滚动体验设计

scroll-experience

sickn33/antigravity-awesome-skills

本技能深入讲解如何通过滚动触发动画构建具有叙事感和电影质感的网站。内容涵盖视差效果、滚动故事叙事、粘性元素和水平滚动等高级前端技术，适用于需要极高用户参与度和品牌沉浸感的项目，并重点强调性能优化，确保最佳用户体验。

GSAP与Framer Motion滚动动画

gsap-framer-scroll-animation

github/awesome-copilot

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

Framer开发错误排查手册

framer-common-errors

jeremylongshore/claude-code-plugins-plus-skills

这是一份全面的诊断参考手册，用于解决Framer开发过程中遇到的各种常见错误。内容涵盖了插件、组件代码、Server API调用等多个层面，为开发者提供了详细的原因分析和可执行的修复步骤，帮助用户快速定位并解决开发和集成难题。

Framer插件与API配置指南

framer-install-auth

jeremylongshore/claude-code-plugins-plus-skills

本指南详细介绍了如何配置和认证Framer的开发环境。内容涵盖了两种主要开发模式：插件SDK（用于编辑器内的UI）和Server API（用于无头CMS同步或CI/CD）。帮助开发者完成项目初始化、环境变量配置以及前后端组件的连接。

Framer性能调优与优化指南

framer-performance-tuning

jeremylongshore/claude-code-plugins-plus-skills

本指南提供了一套全面的性能优化方案，用于提升Framer应用的性能。内容涵盖了批量处理CMS数据以避免超时、使用React的Memoization优化组件渲染、建立持久化的WebSocket连接，以及图片URL预优化等关键技术，帮助开发者构建稳定、高性能的Framer应用。

Framer生产部署检查清单

framer-prod-checklist

jeremylongshore/claude-code-plugins-plus-skills

本工具提供了一份全面的清单，用于指导用户将Framer集成项目部署到生产环境。它涵盖了插件、代码组件、CMS同步和最终站点发布的最佳实践，确保了上线过程的彻底性和可靠性。

Framer API限流与重试策略

framer-rate-limits

jeremylongshore/claude-code-plugins-plus-skills

本指南提供处理Framer API速率限制、限流和连接错误的健壮模式。内容涵盖了指数退避（Exponential Backoff）、重试机制、CMS批量写入以及插件操作的去抖动（Debouncing），确保了API调用的稳定性和高吞吐量。

Framer SDK升级与迁移指南

framer-upgrade-migration

jeremylongshore/claude-code-plugins-plus-skills

该技能提供了一套全面的指南，用于分析、规划和执行Framer SDK、插件API的升级，并在不同版本间进行迁移。它帮助开发者检测破坏性变更，指导用户进行版本检查、API升级步骤，确保项目能顺利适配新的Framer环境。

Framer CI/CD与GitHub Actions集成

framer-ci-integration

jeremylongshore/claude-code-plugins-plus-skills

本指南教您如何使用GitHub Actions为Framer项目设置完整的CI/CD流程。您可以实现插件的自动化构建测试、内容管理系统（CMS）同步和网站自动发布，确保代码和内容变更都能可靠地部署，实现高效的自动化发布流程。

Framer CMS外部数据同步

framer-core-workflow-a

jeremylongshore/claude-code-plugins-plus-skills

该插件用于构建连接外部数据源（如API、数据库）到Framer CMS管理集合的插件。它负责创建数据结构（Schema）并同步数据项，是实现Framer与外部系统集成的主要模式。适用于需要展示动态、外部驱动内容的开发场景。

Framer代码组件与覆盖层

framer-core-workflow-b

jeremylongshore/claude-code-plugins-plus-skills

本技能指南教授如何在Framer中使用React构建高度定制化、交互式和数据驱动的组件。核心内容包括创建带有属性控制的动画组件、集成来自外部API的实时数据展示，以及实现复杂的代码覆盖层（如滚动触发动画和磁性悬停效果）。适用于需要将复杂代码逻辑集成到Framer设计界面的开发者。

语言