Skill UI

This comprehensive template provides a structured framework for creating Product Requirements Documents (PRDs). It guides product managers and teams through defining the core problem, setting measurable success metrics (KPIs), defining feature scope, detailing user stories, integrating design notes, and planning the release rollout, ensuring all phases of product development are fully documented.

A high-impact, vertical poster template designed specifically for social media marketing campaigns. Ideal for product launches, event announcements, or promotional content that requires maximum visual engagement. Features include strong gradient backgrounds, structured layout sections for key takeaways, and dedicated areas for branding and QR codes.

This template delivers a professional, minimalist presentation experience inspired by Apple Keynote. Each slide is designed to be a single, impactful card, perfect for storytelling, product launches, or marketing pitches. Features include smooth fade transitions, keyboard navigation (left/right arrows), and a clean, modern layout that emphasizes white space and key data points.

A comprehensive, professional pricing page template designed specifically for SaaS products. It features a clear three-tier structure (Free, Pro, Enterprise), a detailed feature comparison table, and an integrated FAQ section. This template is ideal for product landing pages and sales funnels to help users easily align product value with cost.

A comprehensive, clickable web prototype designed for modern SaaS landing pages. This template includes all essential sections—from Hero to Pricing—and incorporates advanced UI/UX trends like glassmorphism, subtle animations, and full responsiveness. It is ideal for product concept validation, design presentations, and gathering early stakeholder feedback, giving the appearance that the product is ready for launch.

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.

A comprehensive, minimal landing page template designed for product pre-launch or early access sign-ups. It features crucial elements like email capture forms, brand branding, hero sections, and sophisticated decorative overlays (meshes, noise). Perfect for maximizing early interest and lead generation.

This skill guides the design, implementation, and auditing of inclusive digital products based on WCAG 2.2 standards. It covers the POUR principles and provides technical guidance for generating semantic ARIA (Web) and native accessibility traits (iOS/Android). Use it when defining UI components, auditing compliance gaps, or ensuring robust keyboard navigation and focus management.

This comprehensive guide outlines best practices for building reliable and robust AI agent harnesses. It covers optimizing action spaces, defining structured tools, managing observation formats, and implementing essential error recovery contracts. Use these principles to dramatically improve agent completion rates, manage context budgets effectively, and transition AI prototypes into stable, production-grade autonomous systems.

This guide outlines the architecture and implementation steps for building a robust, production-ready design system. It covers core elements like design tokens, reusable components, and layout patterns. Ideal for teams needing to maintain design consistency, ensure accessibility, and synchronize design (Figma) with implementation (Storybook).

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 comprehensive multi-agent feedback loop inspired by Generative Adversarial Networks (GANs), designed to build complex, production-ready applications. It separates generation from evaluation, using a 'ruthlessly strict' evaluator (QA) to drive continuous iteration. This process ensures high design quality, robust functionality, and originality, overcoming the limitations of single-agent self-critique. Ideal for full-stack feature development and complex product specification implementation.