UI/UX best practices for web interfaces. Use when reviewing animations, CSS, audio, typography, UX patterns, prefetching, or icon implementations. Covers 11 categories from animation principles to typography. Outputs file:line findings.
npx skills add https://github.com/raphaelsalaja/userinterface-wiki/tree/main/skills/userinterface-wikiUI/UX best practices for web interfaces. Use when reviewing animations, CSS, audio, typography, UX patterns, prefetching, or icon implementations. Covers 11 categories from animation principles to typography. Outputs file:line findings.
Official GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching. Use when optimizing GSAP animations, reducing jank, or when the user asks about animation performance, FPS, or smooth 60fps.
把视频/播客 URL 一键变成手绘风格总结图片 — 复刻 ChatGPT 网页生图体验。Claude Code skill 或独立 Node 脚本两种用法。
Train video world models with diffusion-forcing using this minimalist framework.
Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video
Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.
Turn any chess game into a narrated, animated MP4 explainer — Stockfish does the chess, AI does the teaching. Pieces slide move-to-move over a live evaluation bar, and the engine's mistakes and brilliancies are where the coach stops to talk. Installable as an AI-agent skill.