Design AI Skills

Android development with Kotlin, Jetpack Compose, and modern Android architecture. Use when building Android apps, implementing Material Design, or following Android best practices.

Deep accessibility scorecard for a single Figma component or component set — state coverage (default/hover/focus/disabled/error/active/loading), focus-indicator quality and contrast, non-color state…

Create and edit Remotion videos with domain-specific knowledge. TRIGGERS - Use this skill when: - User mentions "Remotion" in their request - User references a Remotion project path…

Generate a short seamless video loop: splash background, animated logo backdrop, idle title screen.

Create a document using the Design Report template and its retained reference file. Use when the user selects or names Design Report. Produce design reports with an executive summary, key findings,…

Use when designing, implementing, or reviewing navigation in Compose Multiplatform projects — route modeling, back stack ownership, argument passing, NavOptions, conditional flows, deep links, and…

Provides deep expertise on the Milimo Video system architecture, including the split React/FastAPI design, Zustand God Store, Server-Sent Events (SSE) job tracking, and the SAM 3 microservice…

Draw professional diagrams on a live Excalidraw canvas via MCP. Use when asked to create architecture diagrams, flowcharts, system maps, comparison visuals, or any visual explanation. Covers setup, 10…

Use when user asks for a hand-drawn style report, notebook-style report, or says "手绘板报告", "手绘风", "笔记本风格". Generates warm paper-textured HTML reports with handwriting fonts, sketchy borders, and…

Define a visual direction that artists, UI, technical art, and marketing can execute consistently.

Comprehensive funnel audit framework. Systematically reviews every page for conversion killers, missed opportunities, and quick wins. Produces a scored report with prioritized recommendations.

Custom authentication flows and component appearance - hooks (useSignIn, useSignUp), themes, colors, fonts, CSS. Use for custom sign-in/sign-up flows, appearance styling, visual customization,…

Run a local read-only HTML topology UI for a project already deployed by Sealos Skills and return a localhost URL. Use when the user asks to view, inspect, visualize, render, open, or run a local…

Use this skill any time a .pptx file is involved — creating slide decks, reading or extracting content from presentations, editing existing slides, or converting between formats. Trigger whenever the…

Remove a "cara de IA" de sites, landing pages, apps, dashboards, docs e slides (HTML/CSS, Tailwind, React, shadcn). Use ao criar ou revisar qualquer interface, ou quando pedirem design "menos IA",…

Drupal Canvas Code Components - a framework for building interactive, server-side-rendered components in Drupal. Covers scaffolding with @drupal-canvas/create, the Nebula starter template, component…

将任意学科知识点做成竖版知识卡片(9:16)，专为豆包工作等自带生图能力的 Agent 平台设计，不需要任何 API Key。用户只需要输入一个知识点名称(如"声现象"、"勾股定理"、"光合作用"),Skill…

Submission-grade Nature/high-impact journal figure workflow for Python or R. Use whenever the user asks to create, revise, audit, or polish manuscript figures, multi-panel scientific plots,…

Complete SCSS variable reference for Odoo themes. Covers all three core variable systems: $o-theme-font-configs (Google Fonts), $o-color-palettes (color system with 5 semantic colors), and…

Maya blocking helpers for film shot animation contexts.

Designs J-Media magazine covers via 20% outpainting, auto-sampling outfit palettes, and adding bilingual typography with barcodes and lore-accurate details.

Create polished bilingual prompts for still images, keyframes, posters, character images, scene concept art, products, illustrations, and photos. Use when the user asks to create, improve, translate,…

Generate Figma component sets from source code using the figma-cli tool. This skill should be used when the user wants to create or update Figma components by reading React/CSS source files and…

Load when a frontend task needs Apple-platform design guidance or physical, gesture-driven, velocity-aware, interruptible interaction; skip generic visual styling and use review-animations for…

Provides motion design guidance for UI components. Triggers on animation requests ("animate this", "add transition", "motion for"), refinement requests ("clean up this animation", "clean up the…

This skill should be used when the user asks to "brainstorm", "explore options", "get creative", "what if we...", or selects "Let's get creative" during story or cycle creation. NOT for a bare vague…

Consult an independent, read-only GPT-6 Astra advisor before committing to a substantive interpretation, approach, or final result. Not for routine work, implementation, or file edits. Uses…

The official Uizze skill for building and improving UI/UX. Work with your project's code and assets, and use uizze.com for real app examples, design systems, licensed fonts, icons and interaction…

「小耳 PPT 风格馆」——生成多风格横向翻页网页 PPT 与微信公众号文章。当前提供：小耳剪纸风、好奇果冻 3D、顽趣实验室 3D、小耳几何风，并提供好奇 3D 卡通公众号排版、几何风小红书卡片与公众号排版，以及可编辑 PPTX 导出。用户说“小耳剪纸风”“剪纸 PPT”“好奇 3D”“果冻 3D PPT”“顽趣实验室 3D”“怪物实验室 PPT”“角色驱动 3D 发布会”“3D 演示”“3D…

Generate professional slide deck images from content (Markdown, text, URLs). Creates outlines with style instructions, then generates individual slide images. Supports 16 visual styles, CJK/Latin…

Research a subject and build a single-page Diátaxis explainer in minimalist HTML, when a user asks for a researched web explanation, resulting in a validated HTML page with sources

Бизнес-архитектор: превращает сырые идеи в рабочие планы с деньгами. Валидация идей, поиск болей, анализ конкурентов, unit economics, MVP, пошаговый план запуска.

本地版（逐步确认式 · 纯提示词）。品牌/产品/网站宣传短片：素材核实→事实表→故事脊→beat 规划→硬确认→生图(只给提示词+等用户返回图像)→视频提示词(调用 h3-video-prompt-cn，以返回图像为参考图)→可选语音音乐(先问云端)→剪辑思路。不硬编码任何生图/视频工具路径，不依赖 MiniMax Hub。

Improve workflows used repeatedly by examining recurring effort, waiting, setup, interruption, context retention, and expert paths. Use when an experience works once but may become tiring or…

电影与剧集片头（标题序列） —— 宣传片线方向之一：15 秒电影或剧集片头、标题序列、卡司序列与概念预告。

Create a visual identity brief for a brand — logo direction, color palette, typography, imagery style, and design system foundations. Use when the user says "visual identity", "brand identity", "logo…

Implements Syncfusion .NET MAUI Backdrop Page (SfBackdropPage) with back layer and front layer surfaces. Use when working with backdrop pages, SfBackdropPage, back layer, front layer, or…

Creates and materially redesigns polished, dependency-free HTML slide decks from five styled templates, with stepped and automatic reveal animations driven by named motion presets, a cross-slide title…

Build a 3D diorama graphic in three.js that tells a system as a place (a room, a factory floor, a machine line), with the roles and tools as glossy toys, labels projected from 3D, a 2-second build-in…

Bevisst KI-bruk i Nav: grønn og rød sone, tre-forsøks-regelen, erfaringsnivå og generer-så-forstå, med forskningen bak. Bruk når utvikleren spør om KI bør gjøre en oppgave, vil lære, eller når en…

Calm technology principles, zero-UI and screenless patterns, ambient displays, proactive intelligence, and peripheral attention design. Use when designing smart home, automotive, wearable, or…

Conversion-optimized landing page design — single-file HTML with embedded CSS, no external dependencies. Hero sections, social proof, CTA placement, A/B variants, responsive design, accessibility, and…

Validate D2 syntax in .d2 files or directories

Style for edit-video: a library of 33 named motion effects for talking-head reels (kinetic hook, gravity drop, timeline, title card, comment drop, orbit, frame break, vertigo, paper cut, rewind and…

Design system that makes HTML output look like a professional consulting deliverable instead of default AI styling. Use WHENEVER generating any HTML document — report, analysis memo, proposal,…

FigCraft is an open-source, pure-Rust, offline interface-design, prototyping and whiteboard app (a clean-room reimplementation of the Figma Design workflow): frames, auto layout, components, styles,…

Help users apply behavioral science to product design. Use when someone is designing for habit formation, reducing friction, applying psychology to UX, increasing retention through behavioral…

Anti-pattern detection and prevention skill. Catches hardcoded data, non-functional UI elements, placeholder code, N+1 queries, and other common development anti-patterns before they ship.

Write Tailwind CSS following practices that keep a fast-to-write codebase maintainable — use design tokens instead of magic values, keep class lists short, group tokens semantically, generate classes…

Create presentation slides in Markdown format (Deckset/Marp compatible). Use when user requests to create slides, presentations, or convert documents to slide format. Handles image positioning,…

Use this skill when you have structured course content (or any chapter-based dataset) in markdown form and need to turn it into a working interactive website — without picking a framework, without a…