Skill UI

This powerful skill is designed to generate professional diagrams, including flowcharts, system architecture charts, sequence diagrams, and data visualizations. By utilizing the native draw.io CLI, it creates editable .drawio XML files and exports them to multiple formats (PNG, SVG, PDF, JPG). Use this tool when you need to visually explain complex systems, data flows, or relationships involving three or more components, ensuring the output is clear and fully editable.

This skill acts as a specialized prompt engineer for AI design tools. It transforms vague, rough UI/UX ideas into polished, highly optimized prompts. It systematically enhances prompts by injecting missing details such as specific components, design system adherence (colors, typography), page structure, and platform context, ensuring the resulting command is professional and ready for superior AI generation.

Automate the complex process of migrating design systems, design tokens, and styles between multiple Figma files, or from external sources into Figma. This tool covers the full pipeline: inventorying assets, extracting raw style data (colors, typography, effects), transforming them into structured design tokens (e.g., JSON format), and finally writing them back into Figma variables using the Variables API. Ideal for maintaining consistency across large design libraries.

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.

Generates deterministic, publication-quality vector diagrams (SVG) for architecture, workflows, and pipelines from structured JSON specifications (FigureSpec). This tool is designed for technical documentation and formal system modeling where absolute precision, reproducibility, and the ability to edit the output are critical. It ensures that the same input always yields the same, validated diagram.

This guide provides comprehensive strategies to optimize financial workflows within the Fondo system. Key areas covered include accelerating the month-end close process through auto-categorization rule setup, streamlining vendor communications with CPAs via batch processing, and implementing efficient data export caching mechanisms. It is designed to help finance teams achieve faster, more accurate, and highly automated financial reporting.

This plugin allows developers to build Framer components by syncing data from external data sources (such as APIs or databases) into Framer's Managed Collections. It serves as the primary integration pattern, handling both schema creation and item population. Use this when your design requires displaying dynamic content driven by external systems.

A comprehensive evaluation suite designed to benchmark the performance of Large Language Models (LLM) and Vision-Language Models (VLM) specifically for home security applications. It covers 143 diverse tests across 16 critical domains, including tool use, prompt injection resistance, contextual reasoning, alert triage, and detailed scene analysis, ensuring robustness for smart home AI systems.

An advanced, expert-level system for generating high-fidelity design artifacts using HTML as the foundation. It emulates roles like UX Designers, Animators, and Prototypers, supporting complex workflows including design variation exploration, interactive mockups, presentation decks, and motion demos. The core methodology emphasizes strict adherence to brand assets (Logo, Product Images, UI Screenshots) and incorporates rigorous fact-checking via simulated WebSearch, ensuring all output is grounded in verifiable reality, not assumptions.

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 comprehensive guide provides a production-ready, layered architecture pattern for integrating external systems with Intercom. It covers service management (Contacts, Conversations), webhook processing, contact syncing (CRM), and robust client handling, ensuring type safety and scalability. Use this when designing new, complex Intercom integrations or reviewing existing project structures.

This tool systematically converts a project roadmap into actionable specifications. It first analyzes features by grouping them into dependency waves. It then automatically dispatches sub-agents to generate complete feature specs (requirements, design, tasks, and JSON) for each wave. The core value lies in its comprehensive cross-spec review, which verifies data model consistency, interface alignment, and architectural integrity across the entire project, ensuring a cohesive final product.