the UGC fix-loop toolkit — surgically re-render a bad window/beat of a single-take UGC master (stitch_replacement.py, pure FFmpeg) and GPT cross-model review a Seedance prompt…
Generate lip-sync video from image + user's own audio recording. ✅ USE WHEN: - User provides their OWN audio file (voice recording) - Want to sync image to specific audio/voice -…
The faceless screen-recording ad for software: an app or website doing one satisfying thing, result first, a cursor that acts, narrated flatly and cut tight for a vertical feed.
Turn a hook + brief into a 30s–90s UGC script with timestamps, shot types, B-roll cues, and on-screen text. Inserts placeholders for real results — never invents them.
Script-to-video production orchestration. Enforces GxD visual standards, the Rule of One for scripts, and orchestrates AI talking heads, B-roll, and auto-captioning for…
DSP algorithms for implementing the server's UGens — oscillators (recurrence sine, saw/pulse with PolyBLEP), biquad/one-pole filters with their coefficients, EnvGen with done…
התאמת כל רכיב UI חדש לתמת תצוגה (אור/שחור/כחול) ולסקייל גודל מסך (15.6"/16"/18"/24"). הפעל לפני/אחרי כל פיצ'ר או רכיב תצוגה חדש. דוגמה — /ui-adapt SignalBoard.
Add a frontend app (Next.js) to an existing workstream using a SPEC-PROVIDER starter pack
Modern UI bileşen araştırması ve implementasyonu. 21st.dev, shadcnstudio ve diğer kaynaklardan ilham toplar, onay alır, implement eder.
Patterns for delegating UI work to specialized agents. Covers synthesis-master vs specialized agents, multi-agent UI generation workflows, and orchestration strategies for complex…
UI element design and custom puzzle patterns for Valkyrie MoM. Use when creating splash screens, prologues, interactive journals, combination locks, or custom puzzle systems using…
Creates, reviews, and debugs UI motion and animation implementations. Covers springs, gestures, drag interactions, clip-path reveals, easing, timing, and animation review.
Workflow for automated QA: integration and end-to-end UI test automation, page objects, etc.
Audit visual UI quality — layout hierarchy, spacing, typography, color, consistency, and Gestalt grouping
ui-audit-free 是自动化 UI 审计技能的基础版本，基于 Warp-Speed Decisioning 框架评估界面设计. 支持 3 大支柱决策流程和视觉层级、视觉样式、无障碍性三项必检项审计。不包含 12 类 UI 模式库 匹配、Macro Bet 对齐分析和上下文检查项。适合快速设计评审，升级完整版获取全量审计能力.
Use BEFORE claiming a UI bug fix is complete. Enforces RED-before-GREEN: reproduce the bug, verify the broken element, disclose environment gaps.
Expert guide for building beautiful, responsive UI with React, Tailwind CSS, Shadcn/ui, and modern design patterns. Use when creating components, layouts, animations, or styling.
Tạo file docs/ui-library/component-catalog.md bằng cách quét Figma kit hoặc mã nguồn của template UI đã cài đặt.
Front-load design alignment before implementing UI changes. Use when modifying existing components, redesigning pages, or refining visual styles.
Panduan perubahan UI untuk menyederhanakan tampilan dan mengunifikasi pattern design tanpa merusak flow pengguna lama.
Use when user provides a URL and wants to replicate or clone a website's UI, design, or visual style for their own product. Entry point for the full 4-phase SRIP pipeline.
Use when shaping a UI component tree — composition vs inheritance, slot patterns, prop API design, controlled vs uncontrolled, polymorphic — even on 'split this component'.
Generate framework-specific UI components by prompting the agent's own LLM directly - no external generation service or MCP required
Migrate UI components between frameworks with structure, state, and style transformation
Reviews a frontend codebase for reusable UI component opportunities — identifies where the app is reinventing base primitives, where reuse is healthy, and where abstraction would…
Expert guide for checking and improving the 4 main pillars of UI components: input controls, navigation, information, and containers.
UI should make it immediately clear where the user is, what context they are operating in, and what their actions will affect.
Tailwind CSS and shadcn/ui conventions. Use when writing or reviewing UI components and styles.
Customize ChatKit layout, theme, and presentation for RAG textbook chatbot with proper styling and textbook theme integration.
中文优先：用于UI演示相关任务，帮助识别、设计、实现或验证对应工作流。English keywords: Record polished UI demo videos using Playwright.
Use after UI work that can be verified visually — a new element, layout change, or user flow in a web app whose dev server a browser can drive.
Find measurable AI-default UI patterns and page-specific escape moves. Use when the user says a surface looks AI-generated, generic, templated, slop-like, over-carded,…
Creation rules for Engram UI elements, pages, cards, metrics, and detail flows. Trigger: Adding or changing dashboard UI components or connected browsing flows.
Final visual polish for an existing UI without redesigning it. Use after structure is clear, when asked to improve spacing, alignment, text hierarchy, readability, shadows,…
Protects design and theme files from unintended changes. Locks tailwind.config, global CSS, and theme variables. Requires explicit confirmation before modifying UI components.
Use when asked to build any page, screen, component, dashboard, or app UI, to follow the ordered procedure from brief to critique to report.
Applies project UI rules and UX scripts. Invoke when creating or editing UI screens/components or adjusting layout/theming.
Implement UI using Shadcn MCP (atoms/theme) and 21st.dev MCP (complex sections). Use when adding buttons, layouts, or generating landing pages. — from general/general-misc
Implement UI using Shadcn MCP (atoms/theme) and 21st.dev MCP (complex sections). Use when adding buttons, layouts, or generating landing pages.
UI 위젯 생성, MVVM 패턴 적용, Lyra 기반 UI 시스템 연동을 돕습니다. 사용자가 새로운 UI 위젯, ViewModel, HUD 요소, 리스트 뷰, 모달 팝업, 커스텀 SWidget을 생성하거나 UI 시스템을 수정하려 할 때 자동으로 활성화됩니다.
Tworzenie custom hooków do fetchowania danych, mutacji i zarządzania stanem. Projekt używa TanStack React Query 5 jako głównego wzorca fetch/mutacji.
UI-Icons, grafische Benutzeroberflächen und digitale Designs prüfen: Bildschirmanzeigen, Icons, Animationen, EU-Designreform und Software-Schnittstellen im Designrecht…
มาตรฐาน layout ของหน้าและ form — page header bar, search bar 4-section, card section, form row 2/4-col, input padding sync, button spacing — ใช้เมื่อสร้าง/ปรับ UI หน้า…
Before implementing any user-facing UI/visual change, proactively offer design mockup variants for the user to pick from — via a single multiple-choice prompt.
Apply a named StyleSeed motion to a component — either one of the 5 personality seeds (Spring/Silk/Snap/Float/Pulse × entrance/exit/hover/press/layout) or a distinctive k — from…
Use when creating a new UI component, page, screen, or layout from scratch; building a landing page, dashboard, SaaS UI, portfolio, or any greenfield frontend interface.
Scaffold a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.
UI 라이브러리와 @canard/schema-form 플러그인 간 호환성 검증 및 프로젝트 구조 설계 전문가. 호환성 매핑, 접근성 요구사항, 렌더러 컴포넌트 가이드를 제공합니다.
Iterative UI/UX polishing for Stripe-level visual quality. Use when app already works and looks decent, wanting to elevate to world-class through multiple passes.
Capture screenshots of running applications for visual review and comparison. Works across web (Playwright), Windows (WinUI/WPF), macOS, and iOS/watchOS Simulator.
Capture headless-Chrome screenshots of the tingly-box frontend (running locally in mock mode) so frontend changes can be visually verified in environments without a real browser.
QA pipeline for UI features developed with ui-develop. Runs preview, design review, and auto-fix phases.
Diagnose and redesign an existing UI that looks dated, cluttered, or inconsistent. Produces a structured critique and a revised implementation.
Implement responsive UI/media across breakpoints, touch, zoom, images, video, and iframes.
Clone or replicate a live website URL as React + Tailwind. Triggers on "clone ", "copy the hero from ", "make it look like ", "reverse-engineer this layout",…
Build or modify the Hifz Companion science-screen source row — the single citation/claim row on "The science we follow" that pairs a plain-language attribution with a confidence…
Score a UI file's design quality 0-100 against StyleSeed's design language — per-category breakdown, the worst offenders, and a prioritized fix list.
Capture screenshots of web apps during development using Playwright and PIL. Supports full-page captures, interactive states, and an iterate-on-crop workflow that avoids slow…
Interactive StyleSeed setup wizard for choosing app type, brand color, visual style, typography, and the first screen scaffold.
Use before UI-related work to select the smallest useful UI Skills context through the ui-skills CLI.