Download

Skill UI

Browse and discover 11129+ curated skills

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

Search Design , found 1806 results

Default Newest Most Downloaded

UI Design System and Prompt Engineer

google-labs-code/stitch-skills

This expert acts as a Design Systems Lead and Prompt Engineer for creating high-fidelity, consistent UI designs. It transforms vague ideas into structured specifications by enhancing prompts with professional UI/UX terminology, synthesizing design system source files, and managing multi-step generation and editing workflows using the Stitch MCP.

Adobe API Debug Bundle Collector

adobe-debug-bundle

jeremylongshore/claude-code-plugins-plus-skills

This utility script is designed to collect comprehensive diagnostic evidence for Adobe API integrations. It gathers crucial details such as installed SDK versions, credential validation status, API endpoint connectivity checks, and environment variables, all packaged into a single, redacted archive for efficient troubleshooting and support ticket submission.

Diagnosing Anima Code Generation Errors

anima-common-errors

jeremylongshore/claude-code-plugins-plus-skills

This guide provides comprehensive troubleshooting for common issues encountered when converting Figma designs to code using the Anima SDK. It covers authentication failures (Figma/Anima tokens), specific node/file lookup errors, code rate limits, and output quality problems, helping developers ensure accurate and robust code generation.

Optimize Anima API Costs and Usage

anima-cost-tuning

jeremylongshore/claude-code-plugins-plus-skills

This skill provides actionable strategies and code patterns to significantly reduce Anima API costs. It focuses on optimizing usage through generation caching, detecting component changes for incremental generation, and implementing smart policies to minimize unnecessary API calls. Ideal for managing large-scale design-to-code workflows and controlling API budget.

Figma to Code Generation with Anima

anima-hello-world

jeremylongshore/claude-code-plugins-plus-skills

Leverages the Anima SDK to convert visual designs from Figma into production-ready code across multiple modern frameworks (React, Vue, HTML). It supports clean TypeScript integration and Tailwind CSS styling, making it ideal for developers building automated design-to-code pipelines or rapidly prototyping complex UI components directly from design mockups.

Anima Local Design-to-Code Loop

anima-local-dev-loop

jeremylongshore/claude-code-plugins-plus-skills

Implements an iterative development workflow using the Anima SDK. This tool allows developers to quickly generate, compare, and preview code outputs from Figma designs across multiple frameworks (React, Vue, HTML/CSS) in a local environment. Ideal for rapid prototyping, cross-framework comparison, and refining design-to-code implementation.

Design-to-Code System Architecture

anima-reference-architecture

jeremylongshore/claude-code-plugins-plus-skills

This guide provides a reference architecture for automating the design-to-code workflow. It outlines the complete pipeline—from Figma design input to structured React/Vue output—detailing components like Figma API integration, code generation, and crucial post-processing steps (token mapping, normalization). Ideal for establishing scalable design systems and managing large-scale design handoffs in a professional environment.

Anima SDK Upgrade and Migration

anima-upgrade-migration

jeremylongshore/claude-code-plugins-plus-skills

This guide assists developers in upgrading the Anima SDK versions and managing associated API changes. It covers migrating from manual Figma plugin workflows to automated SDK-based code generation, ensuring seamless integration of the latest design system features into development projects.

Figma to Code: Automated Generation Webhooks

anima-webhooks-events

jeremylongshore/claude-code-plugins-plus-skills

This skill demonstrates how to create an event-driven pipeline using Figma's Webhooks. It listens for design file changes and automatically triggers Anima to regenerate production-ready code components (e.g., React/TypeScript/Tailwind). Ideal for integrating continuous design updates into CI/CD workflows.

Apify Debug Bundle for Troubleshooting Runs

apify-debug-bundle

jeremylongshore/claude-code-plugins-plus-skills

A comprehensive tool designed to collect all diagnostic evidence for troubleshooting failed or problematic Apify Actor runs. This bundle gathers run metadata, detailed logs, dataset samples, usage statistics, and environment information, making it essential for preparing detailed support tickets or performing in-depth debugging.

BambooHR Integration Reference Architecture

bamboohr-reference-architecture

jeremylongshore/claude-code-plugins-plus-skills

A comprehensive, production-grade reference architecture for integrating with BambooHR HR data. It covers core patterns like real-time employee synchronization, scheduled data pipelines, and event-driven webhook handling. Use this when designing complex HR systems, building robust integrations, or establishing architectural standards for BambooHR-powered applications.

Canva API Architecture Design Blueprint

canva-architecture-variants

jeremylongshore/claude-code-plugins-plus-skills

A comprehensive guide detailing three validated architectural patterns (Monolith, Service Layer, Microservice) for integrating with the Canva Connect API. This blueprint helps developers choose the optimal structure—from simple MVPs to complex enterprise systems—by addressing concerns like token management, asynchronous exports, rate limiting, and scaling strategies.

Prev 1 2 3...76 77 787980 81 82...149 150 151 Next

Language