Download

Skill UI

Browse and discover 18950+ curated skills

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

Search Code Generation , found 182 results

Default Newest Most Downloaded

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.

Anima Debug Bundle Generator

anima-debug-bundle

jeremylongshore/claude-code-plugins-plus-skills

This utility generates a comprehensive JSON debug bundle for troubleshooting and support requests related to the Anima SDK. It collects vital information, including environment details, Figma API connectivity status, and verifies the Anima SDK generation capabilities. Use it when filing support tickets or debugging code generation issues.

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.

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.

Migrate Anthropic Models And SDKs

clade-upgrade-migration

jeremylongshore/claude-code-plugins-plus-skills

A comprehensive guide for developers on upgrading the Anthropic SDK versions and migrating between different Claude model generations. It covers best practices for version checking, reviewing breaking changes, updating model IDs across the codebase, running output comparison tests, and implementing gradual rollouts using environment variables to ensure stable deployment.

Implement Canva API OAuth 2.0 Auth

canva-install-auth

jeremylongshore/claude-code-plugins-plus-skills

This comprehensive guide details setting up a secure Canva Connect API integration using the OAuth 2.0 Authorization Code flow with PKCE (Proof Key for Code Exchange). It covers the entire lifecycle: client registration, token generation, code exchange for access tokens, and refreshing expired tokens. Use this skill when building applications that require programmatic access to Canva's design and asset management capabilities.

Automating Figma To Code Generation

anima-ci-integration

jeremylongshore/claude-code-plugins-plus-skills

This integration automates the critical process of converting design assets from Figma into production-ready code using Anima. It establishes a full CI/CD pipeline via GitHub Actions, enabling scheduled or manual component generation. Use this when automating design system handoffs, maintaining code synchronization with design changes, or implementing robust, reliable development workflows.

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.

Anima Design-to-Code Production Checklist

anima-prod-checklist

jeremylongshore/claude-code-plugins-plus-skills

A comprehensive checklist for validating the production readiness of design-to-code pipelines, specifically for Anima's service converting Figma designs into React, Vue, and HTML. Use this guide when deploying automated code generation services, setting up CI/CD for design handoffs, or validating output quality to ensure component integrity and prevent production failures.

Optimize Abridge AI Performance Tuning

abridge-performance-tuning

jeremylongshore/claude-code-plugins-plus-skills

Provides structured methods and code examples to optimize Abridge's clinical AI integration for high-volume, enterprise deployments. Focuses on reducing critical latencies across the entire workflow, including audio streaming throughput, note generation pipelines, and secure FHIR push operations, ensuring scalability for large health systems.

Prev 1 2 3...8 9 101112 13 14 15 16 Next

Language