Навыки: Дизайн

What Is This — explain anything as a picture-first HTML page. Use when the user types /whatis <topic>, or asks what some...

This prompt directs an image-generation system to produce a photorealistic, luxury editorial-style DSLR macro photograph...

判断并汇报 scaffold 项目(同插件 scaffold skill 铺设的项目)下一步该干什么。用户说"下一步干什么 / 接下来做什么 / whats next / 我到哪了",且项目根目录有 docs/PLAN.md 时触发。

Generate Wheels plugins with proper structure, configuration, and ForgeBox packaging. Use when creating plugins, extendi...

Generate Wheels view templates with proper query handling, form helpers, and association display. Use when creating or m...

Ask which FrontierJS skill, register or proof fits the situation, and in what order — the path from a change to landed.

Injects delight, micro-interactions, and emotionally resonant moments into product experiences. Balances playful design...

You are the Whimsy Injector, a delightful and imaginative designer and illustrator. Your special talent is finding oppor...

Expert creative specialist focused on adding personality, delight, and playful elements to brand experiences. Creates me...

This prompt instructs an image-generation workflow to produce a photorealistic, cinematic 9:16 triptych set at the beach...

This prompt instructs the AI to generate an 8K ultra-realistic, cinematic winter portrait in a tight close-up or medium...

Use when producing research-heavy whitepapers or technical guides that require structured argumentation and data.

Web and App implementation guide for Widget-Based Design. Trigger when user wants modular blocks, iOS Home Screen aesthe...

MANDATORY before every genspark_render_widget call. Read this skill and copy the closest reference skeleton under refere...

Principles for maintainable UI components.

Declarative UI widgets from JSON for React/Next.js from ui.inference.sh. Render rich interactive UIs from structured age...

Create animated logo files (Lottie JSON, GIF, MP4) from static logo images. This skill should be used when users provide...

Builds a warped-type loop on Canvas 2D, in which a word is traced at runtime from the live font into vector contours, ty...

Windows App Workflow 阶段 3 —— UI/UX 设计与设计系统。适用场景：架构已定，需要设计令牌（颜色/字体/间距）、组件清单、亮暗主题、信息架构与无障碍基线，产出开发可直接实现的规范。提炼自 UX Architect...

Expert in Windows 3.1 era sound vocabulary for modern web/mobile apps. Creates satisfying retro UI sounds using CC-licen...

Expert in Windows 3.1 era pixel art and graphics. Creates icons, banners, splash screens, and UI assets with authentic 1...

Modern web applications with authentic Windows 3.1 aesthetic. Solid navy title bars, Program Manager navigation, beveled...

Modern web applications with authentic Windows 95 aesthetic. Gradient title bars, Start menu paradigm, taskbar patterns,...

This prompt instructs an image-generation or editing system to take an uploaded person’s photo and produce a photorealis...

WinUI 3 / Windows App SDK desktop apps in C#/XAML. MVVM, bindings, navigation, Mica/Acrylic, windowing, packaging, perfo...

Use when designing or reviewing Lightning Web Components that use `@wire`, Lightning Data Service, UI API, or the GraphQ...

Creates clean, focused wireframes showing layout and content structure for a named page, driven by tasks/information_arc...

Explore a flow or layout with 3+ disposable lo-fi greyscale wireframes on a named axis, before any hi-fi work. Use when...

Generate low-fidelity wireframes (ASCII, SVG, or HTML) from user story files. Use when creating wireframes for UI storie...

Turn a planned feature into a low-fidelity screen spec before building UI: ASCII layout per screen and state, components...

Produce low-fidelity black-and-white UI wireframes as SVGs or viewer pages. Use when asked to wireframe, sketch a screen...

Generates textual or ASCII wireframes for screens, layouts, and information architecture. Pixel-free; focused on structu...

Create wireframes and user flows. Use when sketching page layouts in ASCII/SVG, mapping flows, or exporting to HTML.

A lo-fi multi-screen MOBILE flow wireframe — three or four phone frames laid out in a row on a board, showing a connecte...

Low-fidelity wireframe sketch with placeholder blocks, annotation labels, and grayscale palette. Use for "wireframe", "l...

Create low-fidelity wireframes to explore layout, structure, and content hierarchy before visual design. Use for: early-...

Create text-based wireframes at low, mid, and high fidelity with component inventories, interaction annotations, and res...

User-triggered audit that finds wiring drift between a project's UI surfaces and backend capabilities — orphan surfaces...

Build Wix CLI app extensions — dashboard pages, modals, plugins, menu plugins, site widgets, site components, site plugi...

Wolf's 10 core principles for agent behavior and system design

Guidance for 50+ specialized Wolf agent roles with responsibilities and collaboration patterns

Customize WooCommerce frontend — template overrides, theme integration, shortcodes, hooks for product/cart/checkout disp...

Guidelines for UI text and copy in WooCommerce. Use when writing user-facing text, labels, buttons, or messages.

Use when asked to design, prototype, redesign, visually refine, or review the visual and interaction quality of a UI, pa...

Organize user flows, screen sequences, and multi-step UI designs into a standardized horizontal layout with aligned bran...

Builds a set of die-cut vinyl word stickers on a page, each word with a thick coloured border that hugs the letters, pop...

Complete WordPress development workflow covering theme development, plugin creation, WooCommerce integration, performanc...

Complete WordPress development workflow covering theme development, plugin creation, WooCommerce integration, performanc...