anima-sdk-patterns

Featured

Apply production-ready patterns for the Anima SDK design-to-code pipeline. Use when building reusable Anima client wrappers, implementing output caching, or establishing team standards for design-to-code automation. Trigger: "anima SDK patterns", "anima best practices", "anima code patterns".

AI & Automation 2,266 stars 315 forks Updated today MIT

Install

View on GitHub

Quality Score: 99/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Anima SDK Patterns ## Overview Production patterns for `@animaapp/anima-sdk`: singleton client, generation caching, output normalization, and configurable settings presets. ## Instructions ### Step 1: Singleton Client with Configuration ```typescript // src/anima/client.ts import { Anima } from '@animaapp/anima-sdk'; let instance: Anima | null = null; export function getAnimaClient(): Anima { if (!instance) { if (!process.env.ANIMA_TOKEN) throw new Error('ANIMA_TOKEN not set'); instance = new Anima({ auth: { token: process.env.ANIMA_TOKEN } }); } return instance; } // Preset configurations for different project needs export const PRESETS = { nextjs: { language: 'typescript' as const, framework: 'react' as const, styling: 'tailwind' as const, uiLibrary: 'shadcn' as const }, vite: { language: 'typescript' as const, framework: 'react' as const, styling: 'tailwind' as const }, vue: { language: 'typescript' as const, framework: 'vue' as const, styling: 'tailwind' as const }, static: { language: 'javascript' as const, framework: 'html' as const, styling: 'css' as const }, } as const; ``` ### Step 2: Generation Cache ```typescript // src/anima/cache.ts import crypto from 'crypto'; import fs from 'fs'; interface CacheEntry { files: Array<{ fileName: string; content: string }>; generatedAt: string; settingsHash: string; } class AnimaCache { private cacheDir: string; constructor(cacheDir: string = '.anima-cache') { this.cacheDir = cach...

Details

Author
jeremylongshore
Repository
jeremylongshore/claude-code-plugins-plus-skills
Created
7 months ago
Last Updated
today
Language
Python
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Featured

anima-performance-tuning

Optimize Anima code generation performance with caching, parallelism, and output tuning. Use when reducing generation latency, optimizing batch component generation, or improving generated code quality for production use. Trigger: "anima performance", "anima slow", "anima optimization", "anima caching".

2,266 Updated today
jeremylongshore
AI & Automation Featured

anima-cost-tuning

Optimize Anima API costs through caching, incremental generation, and tier selection. Use when managing Anima API usage, reducing unnecessary code generations, or right-sizing your Anima plan for team size. Trigger: "anima cost", "anima pricing", "anima budget", "anima API usage".

2,266 Updated today
jeremylongshore
AI & Automation Featured

anima-local-dev-loop

Set up iterative design-to-code development loop with Anima SDK. Use when rapidly iterating on Figma-to-code output, comparing framework outputs, or building a local preview server for generated components. Trigger: "anima local dev", "anima dev loop", "anima preview", "anima iteration".

2,266 Updated today
jeremylongshore
AI & Automation Featured

anima-reference-architecture

Implement reference architecture for Anima design-to-code automation. Use when designing a design system automation pipeline, structuring a Figma-to-React project, or planning team-scale design handoff. Trigger: "anima architecture", "design-to-code architecture", "anima project structure", "figma automation architecture".

2,266 Updated today
jeremylongshore
AI & Automation Featured

alchemy-sdk-patterns

Apply production-ready Alchemy SDK patterns for Web3 applications. Use when building reusable blockchain clients, implementing caching, multi-chain abstractions, or type-safe contract interactions. Trigger: "alchemy SDK patterns", "alchemy best practices", "alchemy code patterns".

2,266 Updated today
jeremylongshore