Skill UI

This detailed guide outlines a production-ready, layered architecture for building complex AI applications using the Cohere API v2. It covers implementing Retrieval-Augmented Generation (RAG) pipelines, advanced tool-use agents, and multi-model orchestration. Use this structure when designing new Cohere integrations or establishing robust architectural standards for enterprise AI solutions.

This comprehensive guide provides a production-grade reference architecture for building robust Text-to-Speech (TTS) and voice applications using the ElevenLabs API. It covers detailed project structure, service layer design (including TTS orchestration, voice management, and caching), configuration handling, and best practices for streaming and multi-model orchestration, ensuring scalability and reliability in a commercial SaaS environment.

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.

A comprehensive checklist designed to verify the production readiness of Finta CRM integrations. It covers critical areas such as API connectivity, robust security protocols, data synchronization (e.g., pipeline stages, financial records), error handling, and monitoring setup. Used by development or operations teams to ensure seamless, reliable, and accurate fundraise operations and investor communication.

This SDK provides production-ready patterns for integrating with Fondo's tax and accounting data. It includes a Singleton Client for authenticated REST calls, robust error wrappers (handling retries and authentication), a Query Builder for flexible API requests, and structured types for parsing transactions, accounts, and reports. It is designed for building reliable internal financial tools.

Provides a comprehensive reference architecture for building production-ready Framer integrations. This guide covers optimal project layout, including plugins, server API backend, CMS synchronization patterns, and advanced code components. Use it when designing new, complex Framer applications or establishing enterprise-level development standards.

A comprehensive directive for elite frontend developers, focusing on creating high-fidelity, award-winning web experiences. It mandates advanced techniques including GSAP motion triggers, mathematically flawless bento grids, and strict adherence to AIDA structure. This skill is crucial for building visually stunning, deeply interactive, and professional product or portfolio websites, moving beyond standard template limitations.

Create high-fidelity prototypes, slides, motion demos, visualizations, and critique decks using HTML. Best for design exploration, polished presentations, and interactive mockups, not production web apps.

This structured mode acts as an experiment design partner for Product Managers. It guides users through formulating testable, falsifiable hypotheses, designing rigorous A/B tests (including sample size, duration, and guardrails), and interpreting results honestly. It helps PMs move from vague beliefs to clear, data-backed decisions: Ship, Iterate, or Kill.

idea-os is a comprehensive, five-phase pipeline designed to transform a raw, abstract idea into a fully structured, build-ready plan. It guides users through Triage, Clarification, Deep Research, detailed PRD creation (including non-goals and metrics), and finally, a phased execution plan. The system adapts its complexity and vocabulary to the user's sophistication level, providing everything from foundational market analysis to actionable technical stack recommendations.

This expert assistant specializes in creating, generating, editing, and optimizing professional visual assets for marketing campaigns. Whether you need blog heroes, social media graphics, product mockups, or brand banners, it guides you through selecting the right AI model (e.g., Gemini, Midjourney, Ideogram) or design workflow (e.g., Figma, Canva). It provides best practices for prompting, consistency, and web optimization, ensuring high-quality, brand-compliant visuals every time.

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.