Trendende Agent Skills

Run a stateful grilling session to help you design and refine workflow specs within this workspace.

Use when working with a person on a HyperFrames project in Studio: decide whether a message asks for a change, plan a new film, and lay out the timeline and safe zones.

Set up Husky pre-commit hooks with lint-staged (Prettier), type checking, and tests in the current repo.

Shape raw material into an article, paragraph by paragraph.

Writing skill: assemble raw material into a journey of beats, grounding each term before a beat leans on it.

A writing exploration skill that mines raw fragments through relentless interviewing, without committing to structure.

Create exercise directory structures with sections, problems, solutions, and explainers that pass linting.

Migrate test files from `as` type assertions to @total-typescript/shoehorn for type-safe alternatives.

Wire dependency-cruiser into a TypeScript repo so each package is a deep module, with implementation hidden in subfolders and reachable only through its entry-point files.

Web search and content extraction with Tavily and Exa via inference.sh CLI.

Neon is a complete set of cloud backend primitives around Lakebase Postgres, including Auth, Object Storage, Functions, and an AI Gateway, all instant, branchable, and serverless.

Provides guides and best practices for working with Lakebase Postgres on Neon, covering connections, schema migrations, branching, autoscaling, instant restore, read replicas, logical replication, and search.

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

Render videos from React/Remotion component code via inference.sh, supporting all Remotion APIs and configurable parameters.

Use when audio already placed in a HyperFrames composition needs mixing, including fades, crossfades, track gain, volume automation, ducking, voiceover carve, and track effects.

Execute Python code in a safe sandboxed environment with 100+ pre-installed libraries for data processing, web scraping, image manipulation, video creation, 3D model processing, PDF generation, API calls, and automation scripts.

agent-browser provides browser automation for AI agents via inference.sh, enabling navigation of web pages, interaction with elements using @e refs, screenshots, and video recording.

A comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel, containing 70 rules across 8 categories prioritized by impact to guide automated refactoring and code generation.

Translates Apple's approach to interface design and fluid, physical motion to the web, covering gesture-driven UI, spring animations, drag and swipe interactions, momentum and interruptible transitions, translucent materials and depth, typography, and reduced motion.

This skill reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy, defaulting to flagging with approval earned.

Build an animation from scratch, making the decisions in the order that determines whether it feels right, and write the implementation.

Security audit of a codebase — web apps, APIs, services, CLI tools, libraries, daemons, and more.

Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other agents to execute.

A read-only search that finds places in a codebase or UI that should animate but don't, rejects what shouldn't, and proposes motion with exact values without implementing it.

A reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term, for naming an effect rather than designing or building one.

Keep web animations inside the frame budget — animate composite-only properties, keep motion off the main thread when the page is busy, and find the cause when an animation drops frames.

Provides seek-safe 2D/3D keyframes for HyperFrames compositions, covering punch-ins, zooms, reframes, Ken Burns, camera moves, and visual handoffs.

Try to break a piece of UI by feeding it worst-case data — long names, unbreakable emails, one-letter names, missing fields, huge counts, zero items, long labels, non-Latin text, emoji, extreme numbers — then render it behind a "Demo data / Worst case" toggle and report everything that broke, with the fix for each.

Use Orca's computer-use CLI to inspect and operate local desktop app windows through accessibility trees, screenshots, and safe UI actions.

Make a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browser" from something that feels installed.

Generate multiple genuinely different versions of a UI component you describe, presented behind a visual picker for live comparison and selection.

Pick the right library for a given frontend task from a curated, opinionated list — numbers, OTP inputs, charts, command menus, virtualization, drag and drop, toasts, state, styling, and more. Only runs when explicitly invoked.

Build animations in React Native and Expo, making decisions in the right order, using Reanimated, Gesture Handler, Expo Router, and expo-haptics for smooth mobile motion.

A practical guide to Sonner, the React toast library, covering setup, usage, styling, theming, positioning, and troubleshooting.

Learn to write modern Swift well: value-type modeling, Swift 6 data-race safety, approachable concurrency, protocols and generics, API design, performance and ARC, Swift Testing, macros, and modern language features.

Author or edit a custom HyperFrames composition when no specialized workflow fits or when BRIEF.md sets flow: companion, for longer or multi-scene pieces, brand and sizzle reels, montages, static loops, static title cards, footage remixes, and freeform builds.

Execute Python code in a safe sandboxed environment via [inference.sh](https://inference.sh).

Render videos from React/Remotion component code via inference.sh.

Web search and content extraction with Tavily and Exa via inference.sh CLI.

Stop AI agents from shipping generic AI prose when writing books with Proseify.

A short, design-led motion graphic where motion carries the message, covering kinetic typography, data visualization, logo stings, map animation, and UI animation.

React composition patterns for building scalable component libraries, avoiding boolean prop proliferation.

Turn a product or marketing URL, pasted script, or brief into a product launch or promo video for SaaS promos, feature reveals, product demos, and app or company launches.

Ultra-compressed communication mode that cuts output tokens by speaking like a caveman while keeping full technical accuracy.

Turn arbitrary text — an article, notes, a topic, or a brief — into a faceless explainer video with visuals invented per scene.

Add captions or subtitles to an existing single-subject talking-head video without editing the footage, supporting plain verbatim captions, cinematic captions embedded behind the subject, VFX captions, and named identities from the 35-style catalog.

>-

UI/UX Pro Max provides local searchable design intelligence for styles, palettes, fonts, UX guidelines, icons, animation presets, chart types, and tech stacks.