Skill UI

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.

A utility designed to collect comprehensive diagnostic evidence for Framer development issues. It automatically gathers runtime environment details, installed package versions, API connectivity status, and necessary configuration files. Use this when preparing detailed support tickets or troubleshooting persistent bugs related to Framer plugins or server-side APIs.

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.

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.

Provides comprehensive migration patterns for converting existing v5 Webiny code to the v6 architecture. It details key architectural shifts, including replacing ContextPlugins with Dependency Injection (DI) Services, updating event subscriptions to specialized EventHandler Features, and adopting the feature-based container registration model. Essential for developers and AI agents performing major framework upgrades.

Expert assistance for building, modifying, and debugging Minecraft server plugins for the Paper, Spigot, and Bukkit ecosystems. This includes implementing complex gameplay mechanics such as minigames, advanced combat systems, persistent player progression (perks, economy, quests), custom command handling, and robust state management. We handle configuration, listener registration, and adherence to best practices for Java-based server API usage.

This comprehensive guide details best practices and advanced patterns for building with Vite. It covers everything from configuring `vite.config.ts`, managing environment variables, optimizing build output (minification, chunking), and utilizing plugins (e.g., reactivity, type-checking). Essential for developers building robust, high-performance web applications.