Skill UI

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.

Master building robust AI workflows with Anthropic's core APIs. This guide details two powerful patterns: real-time streaming via SSE events for interactive chat UIs, and the cost-efficient Message Batches API for asynchronously processing up to 100,000 requests. Includes comprehensive code examples for Python and TypeScript.

A comprehensive guide to installing the flyctl CLI and setting up secure authentication for Fly.io edge compute deployments. This guide covers both interactive login and API token methods (User, Deploy, Org, Machines), which are essential for CI/CD pipelines and advanced resource management via the Machines API.

This advanced engine creates deeply personalized, relationship-aware daily gifts using a sophisticated five-stage creative pipeline. It first performs an 'Editorial Judgment' to determine if a gift is warranted, and then generates the content concept. Output can be rendered as interactive H5 web pages, AI-generated images, or videos, ensuring that every artifact is highly unique, contextually relevant, and avoids repetition. Ideal for automated journaling, marking milestones, or maintaining thoughtful daily engagement.

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 skill acts as the interactive command center for the Freshie ecosystem's CMDB. It tracks plugins, skills, and packs, providing comprehensive health checks, compliance validation, and historical trend analysis across 50 tables. Use it for running discovery scans, auditing compliance grades, querying deep inventory data, or generating detailed status reports.

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.

Huashu-Design is a specialized skill for generating visually rich, high-fidelity designs using HTML. It is designed for creating interactive prototypes, sophisticated presentations (PPT/Slides), motion demos, and advanced visualizations. It strictly follows professional design principles, requiring proper asset acquisition and structured workflow management, but excludes full-scale production web applications or backend systems.

This skill facilitates an interactive Quality Assurance (QA) session. Users can conversationally describe encountered bugs or issues. The agent clarifies the problem, explores the codebase for context and domain language, and then meticulously files durable GitHub issues. It supports both single-issue reports and breaking down complex problems into multiple, independently verifiable tickets, ensuring developers receive actionable, high-quality reports written from the user's perspective.

An advanced AI tool utilizing Meta's Segment Anything 2 (SAM2) model for interactive, pixel-perfect object segmentation. Users can click on any object within a frame or video to automatically generate precise masks. Key features include point/box prompting, video tracking across multiple frames, and seamless integration into Annotation Studio workflows, making it ideal for large-scale data labeling and video analysis pipelines.

This workflow details how to build a complete, browser-based Integrated Development Environment (IDE). Using WebContainers, it integrates key components like a file explorer, Monaco editor, integrated terminal, and live preview. This architecture is crucial for developing interactive coding playgrounds, educational web tools, or embedding robust development sandboxes into existing web applications.

Use the StackBlitz SDK to seamlessly embed live, interactive code playgrounds (WebContainers) directly into documentation, blog posts, or tutorials. This method allows users to view and experiment with code examples (e.g., React, TypeScript) without leaving the current page, making tutorials and documentation highly engaging and functional. Supports embedding from GitHub repositories or creating inline projects.