Skill UI

COBRApy is a Python library for constraint-based reconstruction and analysis of genome-scale metabolic models, letting you load SBML/JSON/YAML models, perform FBA/FVA/sampling, and study gene or reaction knockouts for systems biology and metabolic engineering.

Generate production-quality React components and UIs using the specialized Rayden UI component library and Tailwind CSS. This skill ensures that all generated code strictly adheres to a defined design system, including correct component usage, design tokens, prop validation, and established layout patterns. Ideal for scaffolding complex pages like dashboards, login forms, and data tables while maintaining premium aesthetics and consistency.

RDKit delivers a Python-based cheminformatics toolkit for parsing SMILES/SDF, computing descriptors, generating 2D/3D coordinates, fingerprinting, searching substructures, managing reactions, and visualizing molecules, ideal for drug discovery and computational chemistry workflows.

This specialized skill automates the process of converting visual designs (from Stitch) into high-quality, modular React and Vite components. It adheres to modern frontend best practices, enforcing logic isolation via custom hooks, data decoupling using mock data files, and ensuring type safety with TypeScript interfaces. The workflow includes automated asset fetching, style mapping (Tailwind), and rigorous validation cycles to produce production-ready, maintainable code.

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

This skill integrates the agent with the Matrix/Element messaging platform. It enables full conversational capabilities, allowing users to receive real-time alerts, search content, and control connected systems (such as cameras) directly from a designated Matrix room. It supports multi-turn interactions, including sending files, reacting, editing, and managing threads.

This skill integrates an AI agent (Clawdbot) with Signal, one of the most private messaging platforms. It enables automated communication by utilizing the signal-cli tool to perform actions such as sending messages, sending files, reacting, and replying within a designated chat channel. Ideal for building secure, automated bot interactions in private messaging environments.

This guide provides advanced techniques to boost Framer API performance. It covers critical optimization areas including batch CMS syncing to prevent timeouts, memoizing expensive React components for better render performance, establishing persistent WebSocket connections, and optimizing image URLs before CMS synchronization. Use this when aiming to improve overall speed and stability of Framer-integrated applications.

A comprehensive skill for implementing secure, real-time webhook endpoint handling for Canva. This module covers receiving and verifying signed JWT payloads using JWK keys, enabling your application to react instantly to various user interactions (e.g., comments, design sharing, access requests). Ideal for building sophisticated SaaS integrations and automating workflows based on Canva activity.