Skill UI

This guide outlines critical security best practices for design-to-code pipelines using Anima and Figma. It covers securing API credentials by restricting token scopes (e.g., read-only access for Figma), enforcing server-side execution for SDKs, and implementing robust secret management using cloud services like GCP Secret Manager. This minimizes the risk of credential leakage in CI/CD environments.

This skill acts as a rigorous, Socratic interviewer designed to stress-test a proposed plan against an established domain model and existing project documentation. It forces the user to sharpen terminology, resolve cross-cutting dependencies, and identify inconsistencies between stated requirements, code implementations, and documented decisions. It ensures the resulting architecture is precise, consistent, and well-documented by automatically updating the context and generating Architecture Decision Records (ADRs).

A comprehensive diagnostic bundle designed to troubleshoot Fathom API connectivity, meeting sync failures, transcript availability, and authentication issues. It collects key data points (such as API status codes, rate limit headers, and meeting metadata) into a single archive, simplifying the process of diagnosing integration failures for support teams.

This workflow is designed for developers building design-to-code pipelines. It connects to Figma via API to extract core design tokens, including colors, typography styles, and spacing values. It converts these raw design assets into structured code formats, such as CSS custom properties, JSON tokens, and Tailwind configurations, ensuring design consistency across development environments.

This guide provides comprehensive instructions on setting up and authenticating with the Figma REST API. It covers two primary authentication methods: Personal Access Tokens (PATs) for server-side scripting, and the OAuth 2.0 flow for building user-facing applications. Learn how to generate tokens, manage granular scopes, and securely integrate your code with Figma's design data.

This guide provides a comprehensive setup for local development workflows for Figma plugins and external REST API integrations. It enables developers to build, test, and iterate rapidly using hot reloading, mocked API fixtures, and structured project templates. Essential for creating design-to-code pipelines and advanced Figma tooling.

A comprehensive reference architecture for building production-grade integrations with the Figma REST API. This guide covers the full design-to-code pipeline, including design token extraction, scalable asset export (icons/images), and robust webhook event handling. Ideal for architects planning new Figma services, establishing project structure, or implementing complex design system workflows.

This comprehensive guide teaches developers how to build advanced, interactive, and data-driven components within Framer using React. It covers creating components with dynamic property controls (e.g., animated counters), integrating real-time data from external APIs, and implementing sophisticated behavioral code overrides (such as scroll-triggered animations or magnetic interactions). Ideal for extending Framer's capabilities for professional web design.

This elite skill acts as an art director and implementation strategist for modern web development. It mandates an 'Image-First' workflow: first generating high-fidelity, premium design images for specific sections (e.g., hero, product features), deeply analyzing these visual references, and only then translating them into clean, structured, and highly implementable frontend code. It is designed to avoid generic AI clichés, ensuring results that are aesthetically superior, structurally sound, and ready for professional deployment.

This skill orchestrates the entire development lifecycle for approved software tasks. It operates in autonomous or manual modes, rigorously applying Test-Driven Development (TDD). It automatically gathers all necessary context (specs, requirements, design, and historical learnings), validates the repository state, and dispatches specialized sub-agents to implement tasks one by one, ensuring high code quality, adherence to design, and process traceability.

This comprehensive guide is designed for developers and system administrators to diagnose and resolve common integration errors encountered when interacting with the MindTickle API. It covers critical areas such as authentication failures (401, 403), rate limiting, SCIM provisioning conflicts, and content access issues. The document provides explicit error codes, underlying causes, and actionable fixes, ensuring stable and seamless platform integration.

Provides a comprehensive, production-ready standard 3-tier reference architecture for Oracle Cloud Infrastructure (OCI). The design covers essential components like VCN, public/private subnets, Internet Gateway, NAT Gateway, Service Gateway, and Autonomous Database. It includes deployment steps using Terraform and OCI SDK Python code, making it ideal for designing new cloud environments or migrating existing patterns from other major cloud providers.