anima-reference-architecture

Featured

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".

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%

Documentation 15%

100

Issue Health 10%

License 10%

100

Description 5%

100

Skill Content

# Anima Reference Architecture ## System Architecture ``` ┌────────────────┐ ┌──────────────┐ ┌─────────────────┐ │ Figma Design │────▶│ Figma API │────▶│ Anima SDK │ │ (Components) │ │ (Webhooks) │ │ (Code Gen) │ └────────────────┘ └──────────────┘ └────────┬────────┘ │ ┌─────────▼────────┐ │ Post-Processing │ │ - Token mapping │ │ - Normalization │ │ - Lint/format │ └─────────┬────────┘ │ ┌─────────▼────────┐ │ Output │ │ - React/Vue/HTML │ │ - PR creation │ │ - Storybook sync │ └──────────────────┘ ``` ## Project Structure ``` design-to-code/ ├── src/ │ ├── anima/ │ │ ├── client.ts # Singleton SDK client │ │ ├── cache.ts # Generation cache │ │ ├── retry.ts # Error recovery │ │ └── presets.ts # Framework/st...

Details

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

anima-install-auth

Install the Anima SDK and configure authentication for Figma-to-code generation. Use when setting up design-to-code automation, configuring Figma token access, or initializing the @animaapp/anima-sdk for server-side code generation. Trigger: "install anima", "setup anima", "anima auth", "anima figma token".

2,266 Updated today

jeremylongshore