Skill UI

This tool automates the complete specification generation process across four core phases: Initialization, Requirements, Design, and Tasks. It supports both interactive (step-by-step approval) and automatic execution modes. After generating the full spec, it performs a final sanity review to ensure coherence and completeness, providing a ready-to-implement blueprint.

This skill automates the process of transforming high-level product specifications, requirements, and design documents into a detailed, actionable, and executable task plan. It follows a multi-stage workflow, including context loading, parallel research, and two rigorous review gates (Task Plan Review and Task-Graph Sanity Review). The output provides properly sized (1-3 hours), logically sequenced tasks, ensuring every requirement is covered and dependencies are explicitly managed, dramatically improving project planning accuracy.

This skill provides an interactive, comprehensive quality review for technical design documents. It systematically validates a feature's readiness for implementation by assessing critical issues, identifying strengths, and providing a clear GO/NO-GO decision with actionable next steps. Ideal for ensuring architectural soundness and catching risks early in the development lifecycle.

Provides technology-agnostic guidance for architecting and reviewing modular systems. This skill covers core architectural principles such as bounded contexts, state isolation, explicit contracts, and failure containment. Use it when determining service boundaries, assessing coupling between domains, or designing new greenfield architectures without assuming a specific framework, language, or repository structure.

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.

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.

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.

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.

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.

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.

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.

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.