Каталог навыков агентов

Make images, textures, illustrations and background video for a website or app you are building, with Glif, and wire the...

Creates realistic ocean and water wave effects for web using SVG filters (feTurbulence, feDisplacementMap), CSS animatio...

Master of stylized atmospheric effects using SVG filters and CSS animations. Creates clouds, waves, lightning, rain, fog...

Shared ground for the web-* family: how every design task starts, what it produces, where each product goes and how an a...

Meta-skill for combining Three.js, GSAP ScrollTrigger, React Three Fiber, Motion, and React Spring for complex 3D web ex...

Meta-skill de arquitectura para combinar Three.js, GSAP ScrollTrigger, React Three Fiber, Motion y React Spring: capas,...

Monta e renderiza cena 3D interativa no browser a partir de uma scene description estruturada — o elo entre asset GLB pr...

Use for fullstack web apps built with the bundled Express, Vite, React, Tailwind, and Drizzle template.

使用 Playwright 与本地 Web 应用交互与测试。支持验证前端功能、调试 UI、截图、查看浏览器日志。当需要测试本地 Web 应用时使用。

Reviews Web Audio API JavaScript/TypeScript code for correctness, thread safety, and deprecated patterns. Use when the u...

Website Cloner. Activate when a user wants to clone, replicate, or rebuild a website's visual design. Triggers on: "clon...

Web design, UI design, Figma-oriented workflows, interaction structure, screen systems, and responsive design.

La percepción de cambio es proporcional al estímulo original. Use cuando diseñe feedback de progreso, sistemas de pricin...

Standalone WebGL fragment shaders for card visual effects: holographic foil, shimmer, rarity glow.

Use when crafting compelling webinar narratives, engagement tactics, and attendee experiences.

WebRecon - reconnaissance tool using parallel Chrome instances for competitive analysis, design extraction, and API disc...

Complete SEO-optimized website creation workflow orchestrator. Coordinates SEO analysis (keywords, competitors), sitemap...

Use for distinctive production-grade websites, landing pages, and interactive web experiences with strong design and QA...

Agentic workflow for cloning websites with pixel-perfect fidelity using specialized sub-agents. Use when the user wants...

Walk the user through designing a website concept before any code — purpose, audience, content inventory, tone, visual a...

The design foundation for any page of a project: theme polarity per application, the Material-to-Tailwind @theme token b...

Analyzes and reverse-engineers website designs directly from a target URL, extracting layout structures, design tokens (...

The visual build standards for a new site: mobile-first responsive graphics (WebP/AVIF, sized-to-display, srcset, lazy-l...

Create or evolve an implementation-agnostic website design system from existing-site evidence, verified brand inputs, an...

Add a photo place whose photos take turns by themselves, with one dot per photo, to a new-website site: a component, one...

Build, review, and browser-test interactive website page or module HTML from a confirmed UI Architecture Map and visual...

Capture a reference website for RESEARCH, extract its design patterns/animations/layout techniques, then rebuild an ORIG...

Regenerate QualityLayer website and README screenshots from the source App after its UI changes, or when refreshing the...

Capture a website and create a HyperFrames video from it. Use when: (1) a user provides a URL and wants a video, (2) som...

Design and visually validate implementation-agnostic website pages or modules from an approved Design System and confirm...

This skill should be used when the user asks to "audit this website", "UX review", "analyze user experience", "website m...

Generate visual design mockups, HTML/CSS code, and UI concepts based on UX audit recommendations or design briefs. Suppo...

WebSocketによる双方向リアルタイム通信パターン専門スキル。接続ライフサイクル管理、メッセージキューイング、ハートビート戦略、エラーリカバリーを提供する。Anchors:• RFC 6455 (WebSocket Protocol)...

Vue3 Webview 前端开发模块。当需要创建 Vue 组件、修改 UI、添加样式、使用 Vite 构建、与 Extension 通信时使用。涵盖组件开发、状态管理、样式系统、API 封装等。

Export WeChat chat history using chatlog server. Use when user mentions WeChat, exporting chats, chat history, or WeChat...

Conduct comprehensive weekly reflections by integrating time tracking (Timing app), habit tracking (Streaks), task compl...

Read when the program needs to answer calls from outside (an HTTP route, a websocket, anything a page or a service will...

Read when the user wants a page, app or site for the program, and before dispatching the frontend-builder: the verified...

Use when you want pedantic, nitpicky, opinionated feedback on a site or project — the kind of feedback you'd get from Ha...

Design interfaces and products that foster human wellbeing using Pieter Desmet's 13 fundamental human needs framework. U...

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...

WordPress custom Gutenberg block development with server-side PHP rendering. Includes block registration patterns, media...

Build accurate WordPress/Gutenberg UI mockups using pre-extracted design tokens, icons, and components.

WordPress plugin development workflow covering plugin architecture, hooks, admin interfaces, REST API, and security best...

Port WordPress themes to EmDash CMS. Use when asked to convert, migrate, or port a WordPress theme to EmDash, or when cr...

PRIMARY ENTRY POINT for all software work in VFM Agent Company. Submit a new project request, report bugs, or request we...

Use for execution, debugging, verification, planning, and shipping when the user's Emulo working profile should guide th...

Workshop workbench for discovering templates, previewing with hot reload, and iterating designs via test videos or brows...

Builds disposable localhost workbenches — Bun.serve + bun:sqlite + React 19 + Astryx apps, zero build config, no deploy...

Design multi-agent workflows with DAGs, state machines, and event-driven patterns

[Workflow] Trigger Design Workflow workflow — designer workflow: create design specification and implement UI (product,...

[Workflow] Trigger Designer to Dev Handoff workflow — designer hands off design spec to developer for implementation.

Designs and generates workflow components following Manager-as-Agent pattern with architectural compliance