Loading...
Loading...
Found 43 Skills
Convert HTML/CSS layouts to GenerateBlocks V2 format with inline styles
Cursor with trailing light + chromatic aberration rays + directional light flares, ideal for revealing golden phrases word by word in video openings
Generate high-click-through video covers and thumbnails for Bilibili, YouTube, and Douyin using the pop-out technique: place a fully brightened cutout of the person over their own darkened original photo, with text layered in between, and reflow a single set of content into 16:9, 4:3, and 3:4 using HTML/CSS. Use this when the user wants a video cover, thumbnail, Bilibili cover, YouTube thumbnail, vertical Douyin/WeChat Channels cover, a thumbnail featuring the person, or a Codex/Agent/AI video cover. Note: this skill is exclusively for video thumbnails and follows the high-design YouTube aesthetic; for Xiaohongshu posts, infographics, or PPT-style visuals, use yuyile-social-card-skill.
DEFAULT poster pipeline — build an academic conference poster (ICML/NeurIPS/ICLR/CVPR/...) as a single HTML/CSS file with measurement-driven hard gates, real paper figures, a two-hue design-token system, and print-ready PDF via headless Chromium. Use when the user says "做海报", "poster", "conference poster", "paper poster", or asks to design/redo a research poster. Supersedes the retired LaTeX /paper-poster.
Recria um mock de UI (imagem) como HTML + CSS + JS estáticos (sem framework), em etapas com aprovação do usuário: wireframe ASCII tipado com plano → fundo completo → componentes com fontes → assets restantes → revisão final. Use when the user mentions img-to-html or asks to recreate a UI mock as HTML.
Find, select, and adapt animations for the current webpage or component. Includes HTML/CSS/JS implementations, parameters, and bilingual indexes for 160 examples covering basic, text, interaction, and advanced motion effects.
Turn an app's raw screenshots into high-converting App Store (and Google Play) screenshot sets. Use when the user wants App Store screenshots, store listing images, screenshot designs or mockups for an app, or wants to recreate a screenshot style they like. Writes the copy, offers 3 style directions, generates assets with AI (Codex or an image API), builds the set in HTML and exports store-ready PNGs.