Skills Directory

Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useV

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components

Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architectur

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refacto

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy sha

Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX"

Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE - generate ONE

Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards - s

Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilit

The original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2 expe

Best practices for Remotion - Video creation in React

Invoke before any creative or architectural work - feature design, component creation, or behavioral changes. A streamlined brainstorming pr

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

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component librarie

Comprehensive OpenTUI skill for building terminal user interfaces. Covers the core imperative API, React reconciler, and Solid reconciler. U

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI be

Deploy and manage web apps with Firebase App Hosting. Use this skill when deploying Next.js/Angular apps with backends.

React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list perform

Creates or adds Convex to an app. Use for new Convex projects, npm create convex@latest, frontend setup, env vars, or the first npx convex d

Builds reusable Convex components with isolated tables and app-facing APIs. Use for new components, reusable backend modules, integrations,

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font o

Guide for implementing smooth, native-feeling animations using React's View Transition API (`` component, `addTransitionType`, and CSS view…

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS,