Skill UI

This document provides a comprehensive guide to the principles and vocabulary needed to write high-quality, predictable, and effective skills. It covers advanced concepts like model-invoked vs. user-invoked skills, managing context load, structuring information hierarchies (steps vs. reference), and implementing progressive disclosure to improve agent predictability.

This comprehensive skill guides the creation of high-quality technical content specifically tailored for developers. It covers the entire devrel content lifecycle: from researching topic validation (community signals, competitor gaps) to selecting the ideal content type (tutorial, guide, case study). The framework emphasizes deep technical accuracy, structured outlines (Hook, Meat, CTA), and writing runnable, copy-paste ready code examples to build trust and drive adoption.

This skill defines a framework-agnostic, scalable architecture pattern for React and React Native applications. It mandates feature modules, strict state separation (server vs. UI), and disciplined import rules to create predictable, maintainable, and highly scalable codebases, regardless of the chosen framework (Next.js, Remix, etc.).

A comprehensive guide to designing transparent, predictable, and developer-friendly usage-based pricing models. Learn which metrics (API calls, compute time, storage) developers accept, how to structure clear pricing pages, and how to avoid confusing or punitive billing practices to maximize adoption and revenue.

A comprehensive Keynote template designed for announcing new products. It guides users through the narrative arc, covering the problem statement, product introduction, key features, pricing tiers, and a clear call to action, all within a polished, professional design.

A professional, high-fidelity template for creating dynamic video outro frames. It features complex, multi-stage animations including geometric logo assembly, glowing bloom effects, and graceful reveal of brand names and CTAs. Perfect for video endings, brand closing sequences, or presentation conclusions.

A standardized three-screen template illustrating the complete mobile onboarding journey. This sequence typically includes a brand splash screen, a value proposition screen highlighting key benefits, and a final sign-in/signup screen with primary CTAs. Ideal for designing the first impression of a new app.

A comprehensive, single-page template for marketing SaaS products. It includes all essential sections—Hero, Features, Pricing tiers, Social Proof, and CTA—designed with modern aesthetics like gradients and glassmorphism. Ideal for product launches and digital marketing campaigns.

This template generates structured, multi-frame video scripts compatible with Remotion and Hyperframes. It guides the creation of cinematic, high-impact videos, ensuring each frame conveys a single, strong concept. The output includes necessary metadata for automated playback, transitions, and timing, making the script ready for professional video rendering into MP4.

A premium prototype template designed with an Apple-tier aesthetic. Features include a soft, squircle design, ambient mesh backgrounds, double-bezel cards, button-in-button CTA elements, and subtle spring motion for a fluid, modern user experience. Ideal for modern app UI/UX.

This comprehensive guide helps elevate a UI from merely functional to polished, purposeful, and aesthetically coherent with its domain. It dictates pre-coding design choices, such as defining the audience, tone (e.g., minimal, industrial), and purpose. It provides rigorous guidelines on establishing visual hierarchy, typography, color palettes, and interactions, ensuring the final product feels intentional and professional, rather than generic or templated.

A powerful tool designed to scaffold sophisticated, custom AI agent harnesses using the metaharness CLI. It supports various templates (e.g., coding, devops, marketing) and AI hosts (e.g., Claude, Codex). Crucially, it operates with maximum safety, defaulting to a dry-run mode and refusing to write to the calling repository root, ensuring controlled and predictable development workflows.