Skill UI

Create magazine-style visual notes that turn a concept into a narrative dossier: problem, failed attempts, turning point, insight, and naming. Ideal for education, concept history, and storytelling layouts.

Generate a set of aesthetic, multi-card content slides mimicking the popular Xiaohongshu style. Ideal for turning dry knowledge or marketing copy into engaging, swipeable carousels (3:4 ratio). The template includes structure for a captivating cover, multiple core points, and a strong call-to-action, using soft colors and high white space for optimal social media visibility.

This template provides a highly flexible, fixed-size 1920x1080 canvas for creating professional presentations. Unlike traditional templates, it allows users to arrange content freely, treating each slide like a composable React component. It enforces strict design constraints (typography, color palette, visual hierarchy) to ensure every page maintains a polished, professional, and unique aesthetic, ideal for portfolios and artistic talks.

A clean and versatile horizontal-swipe deck designed for pitches, overviews, or deep studies. It features a structured layout including a cover, multiple content pages, and a conclusion. Each page emphasizes one core message supported by an image or chart, complemented by a top progress bar, and is fully navigable via keyboard arrows or hash symbols.

A comprehensive and professional A4 printable invoice template designed for formal business billing. This template ensures all necessary financial elements are included, such as invoice numbers, due dates, sender/recipient details, detailed line-item tables (description, quantity, unit price, amount), tax breakdowns, grand totals, and clear payment instructions. Ideal for any business needing a standardized, polished invoice document.

A modular and highly customizable looping CSS animation template designed for marketing hero sections and video openers. It combines multiple dynamic elements, such as rotating type rings, animated globes, ticking timers, and floating parallax labels, allowing designers to create modern, cinematic, and attention-grabbing digital visuals.

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.

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 powerful web prototype template inspired by Swiss Industrial Print aesthetics. This design emphasizes strong, raw, and authoritative visual communication, utilizing monolithic black grotesque typography, large viewport-bleeding numbers, and minimal ASCII decorations. Ideal for designers seeking a high-impact, unpolished, and industrial-themed presentation.

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 template simulates a hand-drawn, low-fidelity wireframe session on a whiteboard or sketchpad. It includes graph paper backgrounds, marker scribbles, sticky notes, and multiple tabs, making it ideal for early-stage UI/UX brainstorming and capturing initial conceptual ideas.

A comprehensive framework for creating structured, clean, and highly accessible design systems. It defines foundational constraints, typography scales, color tokens, and component-level rules, ensuring consistency and usability across engineering and design teams. Focuses on achieving WCAG 2.2 AA compliance and implementation readiness.