Design & 3D modeling

Use Transformers.js to run state-of-the-art machine learning models directly in JavaScript/TypeScript. Supports NLP (text classification, translation, summarization), computer vision (image classification, object detection), audio (speech recognition, audio classification), and multimodal tasks. Works in browsers and server-side runtimes (Node.js, Bun, Deno) with WebGPU/WASM using pre-trained models from Hugging Face Hub.

Use when building Apple TV apps — focus-based navigation, Siri Remote interactions, or media/video streaming UI.

Implement and test advanced TypeScript types and inference; not diff review or runtime validation.

Implement and test advanced TypeScript types and inference; not diff review or runtime validation.

Implement and test advanced TypeScript types and inference; not diff review or runtime validation.

Craft depth for interface type inside an established visual direction: the evidence-backed type assessment, role scale, measure and leading, font loading and fallback metrics, script coverage, and verifying text under stress. Pull when a specific type defect needs fixing, such as a heading that wraps badly in one language or text that reflows as fonts load.

Record polished UI demo videos using Playwright. Use when the user asks to create a demo, walkthrough, screen recording, or tutorial video of a web application. Produces WebM videos with visible cursor, natural pacing, and professional feel.

UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.

Use when building a design system: tokens, component docs, responsive scales or developer handoff. Generates tokens with design_token_generator.py.

Audits and refines existing UI layouts for optical alignment, baseline consistency, visual hierarchy, tabular numbers, and micro-interaction polish. Use when upgrading rough prototypes into production-grade interfaces.

Interaction judgment for interfaces: start from the decisions, reduce effort, act next to the object, one gesture per decision, only valid choices, truthful async state, local waits, preserved user edits, undo and drafts, one vocabulary, stable layout and complete states, host conventions and focus, and long labels. Pull when designing or reviewing how a screen or a control behaves, or when choosing between two UI options.

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.

Designs token-driven UI/UX systems with fluid typographic scales, 8px spatial grids, WCAG AA/AAA perceptual contrast, and complete interactive component states. Use for building cohesive design systems, dashboards, and web applications.

Cheap small business web design: the site's own MCP server — enquiry (enquiry = a human handoff,...

Web design Guildford: the site's own MCP server — enquiry (enquiry = a human handoff, not a...

Web design Woking: the site's own MCP server — enquiry (enquiry = a human handoff, not a...

Web design Basingstoke: the site's own MCP server — enquiry (enquiry = a human handoff, not a...

Web design Cheltenham: the site's own MCP server — enquiry (enquiry = a human handoff, not a...

Web design Poole: the site's own MCP server — enquiry (enquiry = a human handoff, not a...

Web design Suffolk: the site's own MCP server — enquiry (enquiry = a human handoff, not a...

Web design Sussex: the site's own MCP server — enquiry (enquiry = a human handoff, not a...

Inspect and remove C2PA content credentials from AI-generated images, video and audio. Free, no key.

Optional music-inspired ideation enhancer. Ingests an unquantized acoustic composition by Michael Luchtan (Music For Robots) into a secure private directory, allowing multimodal agents to analyze microtiming drift and harmonic pivots to inform divergent brainstorming and creative problem-solving.

Audit UI design, extract Design DNA, generate tokens, and create transformation blueprints.

AI visual generation agent: multi-pipeline rendering, prompt crafting, and image composition.

useVyre component context for AI agents — valid props, variants, anti-patterns, and design tokens.

Create user stories following the 3 C's (Card, Conversation, Confirmation) and INVEST criteria with descriptions, design links, and acceptance criteria. Use when writing user stories, breaking down features into backlog items, or defining acceptance criteria.

How a project's Confluence is read and written: the project's spaces and pages from its standard's wiki.md, what the tools cannot read, how a page carries Jira macros, mentions and diagrams, and how the skills that write a page write and revise it. Applies whenever Confluence, a wiki page, a space or a design doc page, is searched, read or written.

Use when writing or reviewing any visible copy — headlines, buttons, body, errors, empty states — inside a design-method move or standalone.

UX research and design toolkit for Senior UX Designer/Researcher including data-driven persona generation, journey mapping, usability testing frameworks, and research synthesis. Use for user research, persona creation, journey mapping, and design validation.

Audit a site's UX the way a design-literate reviewer would, with a concrete fix for every finding.

Separate the hard constraints that decide whether an option is admissible at all from the soft criteria that rank the admissible ones — then gate before you rank, so a beautiful invalid choice cannot outscore a plain valid one. Use this whenever you are about to pick, shortlist, or recommend from a set: choosing a library or vendor, triaging bugs to fix, screening candidates, selecting a design, or scoring alternatives against a rubric. Also use it when a scoring scheme deducts points for a violation that should have been disqualifying, when someone asks for N options and only two clear the bar, or when you notice a favourite you are about to justify. Not for running the head-to-head comparison once the admissible set exists (that is blind-evaluation), not for wording the final claim (falsifiable-claims), and not for checking your own work is finished (superpowers:verification-before-completion).

Design a detailed value proposition using a 6-part JTBD template — Who, Why, What before, How, What after, Alternatives. Use when creating a value proposition, analyzing customer value delivery, or articulating why customers should choose your product.

Generate video, images, speech and music with 120+ AI models and render TSX videos to MP4

Optional: run a design-system consistency and AI-taste review with gstack /design-review when the change touches the design.

Trace authoritative spec requirements to existing code evidence; not general diff or design review.

Trace authoritative spec requirements to existing code evidence; not general diff or design review.

Trace authoritative spec requirements to existing code evidence; not general diff or design review.

Read public videos (TikTok, YouTube, Instagram, X) as text. Pay per video with x402.

Make, edit, or render videos with HyperFrames (HTML to deterministic MP4), tuned to this toolchain: PR and release videos after ship, product promos from a URL or show-off page, concept explainers, and short motion graphics for X devlog posts. Front door for HyperFrames - read this before the hyperframes skill: it bootstraps the upstream skills, pre-selects the workflow, sets media and output defaults without a HeyGen account, and hands the MP4 to devlog/twitter. Use when the user asks to make, create, or render a video, PR or changelog video, release reel, launch promo, demo clip, motion graphic, or explainer, or mentions hyperframes. Not for AI-generated footage or text-to-video clips (vd:omnimedia), slide decks (vd:opendesign), recording a browser session (vd:agent-browser), still images (vd:marketing-design), or a video the user wants built in Remotion (porting Remotion source to HyperFrames is in scope).

Create on-screen text hooks and captions for short-form video clips. Built around the Complementarity Principle - on-screen text should ADD to what the viewer hears, not repeat it. Includes podcast clip workflow, hook categories, and Triple Word Score optimization.

Use for video strategy, scripts, YouTube SEO, short-form pipelines (Reels, TikTok, Shorts) or turning long content into video, before scripting. Sets hooks, structure and repurposing per platform.

Downloads videos from YouTube and other platforms for offline viewing, editing, or archival. Handles various formats and quality options.

AI-assisted video editing workflows for cutting, structuring, and augmenting real footage. Covers the full pipeline from raw capture through FFmpeg, Remotion, ElevenLabs, fal.ai, and final polish in Descript or CapCut. Use when the user wants to edit video, cut footage, create vlogs, or build video content.

実写素材のカット、構築、強化のためのAI支援ビデオ編集ワークフロー。生の撮影素材からFFmpeg、Remotion、ElevenLabs、fal.aiを経て、DescriptまたはCapCutで最終仕上げを行う完全なパイプラインをカバーする。ユーザーがビデオの編集、素材のカット、vlogの作成、またはビデオコンテンツの構築を望む場合に使用する。

AI-assisted video editing workflows for cutting, structuring, and augmenting real footage. Covers the full pipeline from raw capture through FFmpeg, Remotion, ElevenLabs, fal.ai, and final polish in Descript or CapCut. Use when the user wants to edit video, cut footage, create vlogs, or build video content.

AI-assisted video editing workflow for cutting, structuring, and enhancing live-action footage. Covers the full pipeline from raw shooting through FFmpeg, Remotion, ElevenLabs, and fal.ai to final polishing in Descript or CapCut. Applies when users want to edit videos, cut footage, make vlogs, or build video content.

Composite a graphic onto video — text, a logo/image, a static transparent PNG, or an animated effect — and place it accurately, including locking it to a moving subject (a face, eye, hand, object). Use whenever the user wants to add/overlay/burn-in/stick something onto footage, place a watermark or label, or position a graphic precisely. Covers transparency (RGBA), animated overlays, timed windows, and coordinate-finding.

Create cinematic product videos from frontend projects or webpages with Remotion, real page captures, shot cards, the Ink Press template, beat sync and sound design. Use for full product promos, reproducing Ink Press, single shot-card effects, or finding, adding, replacing and aligning sound effects in an existing product video or shot, including candidate-only SFX searches. 用真实页面、镜头卡与 Ink Press 模板制作产品宣传片；用户要求用 video-shotcraft 做视频、复刻模板、制作单镜头，或给已完成的产品片/镜头找音效候选、加音效、换音效、对齐声音时使用。

Join two clips with a visible transition effect (wipe, slide, dissolve, pixelize, circle open/close, fade-to-black, etc.) using ffmpeg xfade. Use whenever the user wants a transition between shots/scenes, a scene change with an effect, or anything beyond a hard cut. For a barely-visible seam between adjacent cuts use the splice command instead; for generative effects on the footage itself use grok-video-edit.