Skill UI

This guide serves as a diagnostic reference for common Framer errors, covering issues across plugins, components, and Server APIs. It provides detailed causes and actionable fixes for problems like component rendering failures, incorrect API usage, and connection errors, helping developers efficiently debug and resolve integration issues.

This guide provides comprehensive instructions for setting up and authenticating Framer development environments. It covers two primary surfaces: the Plugin SDK (for UI running inside the editor) and the Server API (for headless CMS synchronization or CI/CD). Users will learn how to initialize projects, configure environment variables, and connect both client-side and server-side components.

A comprehensive checklist designed to guide users through deploying Framer integrations to a live production environment. It covers best practices for plugins, code components, server API synchronization (CMS), and final site publishing, ensuring a thorough and reliable go-live process.

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 for deploying, developing, and debugging Webiny serverless applications locally. Covers deployment using `yarn webiny deploy`, local watching for API and Admin components, managing various environments (dev, staging, prod), and troubleshooting infrastructure errors on AWS.

This tool audits the token consumption across all components (agents, skills, rules, MCP servers) within a Claude Code session. It analyzes token overhead, identifies bloat (e.g., overly long descriptions, redundant components), and generates a detailed context budget report. Use it to maintain optimal context window usage, improve performance, and prevent context saturation.

This skill automates the comprehensive setup and bootstrapping of the ruvector framework. It ensures all necessary optional add-ons—including ONNX, Brain, and LLM components—are installed. Furthermore, it registers the required MCP server and runs a full battery of diagnostics to verify the entire toolchain is functional and ready for immediate use.