Download

Skill UI

Browse and discover 19182+ curated skills

All Development Artificial Intelligence Design & Creative Product & Business Data Science Marketing Soft Skills Productivity Engineering Languages

Search UI Components , found 343 results

Default Newest Most Downloaded

Figma Asset and Icon Export Workflow

figma-core-workflow-b

jeremylongshore/claude-code-plugins-plus-skills

This skill provides a comprehensive workflow to export images, icons, and assets directly from Figma files using the REST API. It enables users to render specific frames or components as high-quality PNG, SVG, JPG, or PDF files. Ideal for building automated asset pipelines, generating documentation previews, or batch exporting large icon libraries.

Troubleshooting Framer Development Errors

framer-common-errors

jeremylongshore/claude-code-plugins-plus-skills

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.

Framer SDK Setup and API Authentication

framer-install-auth

jeremylongshore/claude-code-plugins-plus-skills

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.

Optimize Framer API and Component Performance

framer-performance-tuning

jeremylongshore/claude-code-plugins-plus-skills

This guide provides advanced techniques to boost Framer API performance. It covers critical optimization areas including batch CMS syncing to prevent timeouts, memoizing expensive React components for better render performance, establishing persistent WebSocket connections, and optimizing image URLs before CMS synchronization. Use this when aiming to improve overall speed and stability of Framer-integrated applications.

Framer Production Launch Checklist

framer-prod-checklist

jeremylongshore/claude-code-plugins-plus-skills

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.

Optimize Anima Code Generation Performance

anima-performance-tuning

jeremylongshore/claude-code-plugins-plus-skills

A suite of utilities designed to significantly boost Anima code generation performance. It implements file-based caching with Time-To-Live (TTL) management, enables incremental updates by tracking only changed Figma components, and optimizes output size by cleaning up comments and excess whitespace. Ideal for optimizing large batch generations or speeding up production build pipelines.

Apify SDK Setup and Authentication

apify-install-auth

jeremylongshore/claude-code-plugins-plus-skills

This guide provides comprehensive instructions for setting up and authenticating the Apify ecosystem. It covers installing and configuring core components including the apify-client library, the native Apify SDK, and the Apify CLI. Learn how to manage API tokens, use environment variables, and initialize the necessary tools for building web scrapers and automation workflows.

WCAG 2.2 Accessibility Standards Compliance

affaan-m/everything-claude-code

This skill guides the design, implementation, and auditing of inclusive digital products based on WCAG 2.2 standards. It covers the POUR principles and provides technical guidance for generating semantic ARIA (Web) and native accessibility traits (iOS/Android). Use it when defining UI components, auditing compliance gaps, or ensuring robust keyboard navigation and focus management.

Advanced Web3 SDK Development Patterns

alchemy-sdk-patterns

jeremylongshore/claude-code-plugins-plus-skills

A comprehensive guide to production-ready patterns for Web3 development using the Alchemy SDK. Covers essential architectural components such as multi-chain client factories, response caching mechanisms, type-safe NFT query builders, and robust error classification, ensuring highly scalable and reliable blockchain applications.

Deploy Algolia Search Applications to Cloud

algolia-deploy-integration

jeremylongshore/claude-code-plugins-plus-skills

This guide provides a comprehensive workflow for deploying Algolia-powered search applications to various cloud platforms, including Vercel, Fly.io, and Google Cloud Run. It covers best practices for API key separation (Admin vs. Search-Only), setting up environment variables, and implementing both backend API routes and advanced frontend components using React InstantSearch or vanilla JavaScript.

Figma To React Component Generator

anima-core-workflow-a

jeremylongshore/claude-code-plugins-plus-skills

This workflow automates the design handoff process by creating a continuous pipeline from Figma designs to functional React code. It scans Figma components, generates code batches (supporting TypeScript, Tailwind CSS, etc.), and includes change detection to automatically update the codebase when the design source changes. Ideal for building complex design systems and implementing CI/CD design-to-code workflows.

Anima SDK For Figma Design Conversion

anima-install-auth

jeremylongshore/claude-code-plugins-plus-skills

This guide details how to install and configure the Anima SDK for robust Figma-to-code generation. It is essential for developers setting up design-to-code automation pipelines, requiring configuration of both Anima and Figma API tokens. The SDK enables converting designs into production-ready React, Vue, or HTML components with Tailwind, MUI, or AntD styling.

Prev 1 2 3...8 9 101112 13 14...27 28 29 Next

Language