Skill UI

Implement robust, real-time financial workflows by utilizing webhooks from major financial providers. This skill connects services like Stripe (revenue), Gusto (payroll), Plaid (transactions), and Mercury, allowing developers to build automated processes for revenue tracking, payroll cost alerts, and expense monitoring within a unified system.

This guide details how to configure Framer's Continuous Integration/Continuous Deployment (CI/CD) pipeline using GitHub Actions. It covers automated testing for Framer plugins (using Vite/vitest), building, and synchronizing content from a CMS to the Framer site. Use this when setting up robust, automated deployment workflows for Framer projects, ensuring content and code changes are reliably published.

This comprehensive guide teaches developers how to build advanced, interactive, and data-driven components within Framer using React. It covers creating components with dynamic property controls (e.g., animated counters), integrating real-time data from external APIs, and implementing sophisticated behavioral code overrides (such as scroll-triggered animations or magnetic interactions). Ideal for extending Framer's capabilities for professional web design.

This skill helps users analyze and optimize their Framer usage costs. It covers selecting the appropriate plan (Mini, Basic, Pro, etc.), implementing strategies for CMS item budgeting, minimizing unnecessary publishing cycles, and understanding the difference between development and production environments to reduce API and site plan expenses.

This tool facilitates the deployment of Framer Server API integrations (such as CMS sync services and webhook handlers) to various cloud platforms, including Vercel, Fly.io, and Cloud Run. It is essential for setting up production environments, configuring platform-specific secrets, and establishing automated deployment pipelines for Framer-powered applications.

This comprehensive 'Hello World' guide serves as a foundational tutorial for Framer development. It demonstrates key skills across the ecosystem, including building functional plugins (UI interaction), creating customizable code components with property controls, implementing dynamic code overrides for sophisticated animations, and interacting with the Framer Server API for headless site data management. Ideal for developers starting a new Framer integration or mastering core API patterns.

This guide details how to set up a robust, local development loop for Framer plugins and components. It covers hot-reloading using Vite, writing unit tests with Vitest, and integrating with the Framer Server API. This workflow enables developers to achieve fast iteration cycles, ensuring seamless development from concept to production-ready prototype within the Framer environment.

Provides a comprehensive reference architecture for building production-ready Framer integrations. This guide covers optimal project layout, including plugins, server API backend, CMS synchronization patterns, and advanced code components. Use it when designing new, complex Framer applications or establishing enterprise-level development standards.

A comprehensive guide to production-ready, robust coding patterns for Framer development. This resource covers key areas including type-safe CMS interactions, plugin state management hooks, reusable component architectures, and server API wrappers. Use this when refactoring existing SDK usage or establishing scalable coding standards for complex Framer integrations.

This guide provides comprehensive security best practices for developers building with Framer. It covers secure credential management (like API keys and Site IDs), implementing the principle of least privilege, and securing plugins and Server API connections. Use this when auditing your Framer setup or ensuring production-level security for sensitive data handling.

This skill acts as the interactive command center for the Freshie ecosystem's CMDB. It tracks plugins, skills, and packs, providing comprehensive health checks, compliance validation, and historical trend analysis across 50 tables. Use it for running discovery scans, auditing compliance grades, querying deep inventory data, or generating detailed status reports.

A comprehensive skill that brings the entire GitHub pull request workflow directly into your terminal. It allows users to view PR status, monitor real-time CI/CD progress, summarize bot comments, and execute merge operations (squash, merge, rebase) without switching to a browser. It consolidates all critical PR information—including file changes and review blockers—into one cohesive view, streamlining the developer workflow and DevOps process.