Contact us
Sell your artifact

Browse 214 Frontend & Motion Design — Agentic Skills

Vercel React best practices, View Transitions, ibelick motion choreography, 21st.dev components 214 free and paid blueprints with pre-filled examples.

Frontend & Motion Design blueprints

SKILLFree

Agent Skill to Comfy Ui

Generate high-quality images using a local ComfyUI instance.

View
SKILLFree

Agent Skill to Frontend Skill: Fixing Motion Performance

Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.

View
SKILLFree

Agent Skill to Unique Mcp Builder Test

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external.

View
SKILLFree

Agent Skill to Ui Designer Skill

Design beautiful interfaces using Material You, Minimalism, Glassmorphism, Neo-Brutalism, and Claymorphism.

View
SKILLFree

Agent Skill to Remotion Excalidraw Tts

Generate a narrated Remotion video from an Excalidraw (.excalidraw) diagram using text-to-speech (macOS say)

View
SKILLFree

Agent Skill to Token Efficiency Guide

Go from weekly limit on Tuesday to weekly limit on Sunday. 10 steps, one afternoon.

View
SKILLFree

Agent Skill to Xrpl Tx Builder

Build and sign XRP Ledger transactions.

View
SKILLFree

Agent Skill to Tiktok Product Promotion

Hire TikTok influencers for product reviews, demonstrations, unboxing videos, and conversion-focused promotional.

View
SKILLFree

Agent Skill to Motion Patterns

Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and layout — built on motion-foundations tokens and springs. Use when animating a specific UI element in React or Next.js — button, modal, toast, stagger, page transition, or scroll.

View
SKILLFree

Agent Skill to Build Evidence Map

Build an auditable evidence map for a contested technical choice, research synthesis, proposal review, or consequential decision. Use when Copilot must preserve supporting, contradicting, qualifying, and missing evidence with exact source regions instead of collapsing disagreement into prose.

View
SKILLFree

Agent Skill to Build Mcp Server

This skill should be used when the user asks to "build an MCP server", "create an MCP", "make an MCP integration", "wrap an API for Antigravity", "expose tools to Antigravity", "make an MCP app", or discusses building something with the Model Context Protocol. It is the entry point for MCP server development — it interrogates the user about their use case, determines the right deployment model (remote HTTP, MCPB, local stdio), picks a tool-design pattern, and hands off to specialized s

View
SKILLFree

Agent Skill to Emotionwise

Analyze text for emotions and sarcasm using the EmotionWise API (28 labels, EN/ES).

View
SKILLFree

Agent Skill to Frontend Skill: Threejs React Three Fiber

Building three.js scenes from React with React Three Fiber and drei: renderer setup, the scene graph as JSX, frame-loop, state and loading hooks, pointer events, and adaptive performance, on WebGL or with WebGPU and TSL. Use when writing React components that render three.js.

View
SKILLFree

Agent Skill to Seedance Guide

A comprehensive storyboard director for Seedance 2.0.

View
SKILLFree

Agent Skill to Hedera Tx Builder

Build and sign Hedera transactions.

View
SKILLFree

Agent Skill to Liquid Glass Design

iOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI, UIKit, and WidgetKit. Use when building iOS 26 Liquid Glass UI in SwiftUI, UIKit, or WidgetKit.

View
SKILLFree

Agent Skill to Rollhub Bot Builder

Build and deploy autonomous gambling bots for Telegram, Discord, and Twitter using Agent Casino API.

View
SKILLFree

Agent Skill to Gsuite Sdk

Interact with Google Workspace APIs (Gmail, Calendar, Drive, Sheets) using gsuite-sdk.

View
SKILLFree

Agent Skill to Arduino Azure Iot Edge Integration

Design and implement Arduino integration with Azure IoT Hub and IoT Edge, including secure provisioning, resilient telemetry, command handling, and production guardrails.

View
SKILLFree

Agent Skill to Stitch Ui Designer

Design, preview, and generate UI code using Google Stitch (via MCP)

View
SKILLFree

Agent Skill to Windows Ui Automation

Automate Windows GUI interactions (mouse, keyboard, windows) using PowerShell.

View
SKILLFree

Agent Skill to Frontend Skill: 21St Ui Build

Build or substantially change production UI using the current project's design context, existing components, and grounded 21st inspiration. Use when implementing a page, section, component, responsive redesign, or visual polish in an existing web project. Trigger for requests such as "build this UI", "implement this screen", "make this page production-ready", or "use 21st to create the interface". Use 21st-ui-explore first when the visual direction is intentionally undecided, and 21st-

View
SKILLFree

Agent Skill to React Native Patterns

React Native and Expo app patterns — Expo Router navigation, state separation (server/client/route/form), TanStack Query data fetching with Zod, performant lists, NativeWind/StyleSheet styling, native APIs, and secure storage. Use when building or editing React Native / Expo screens, components, navigation, or data layers.

View
SKILLFree

Agent Skill to Dataverse Python Usecase Builder

Generate complete solutions for specific Dataverse SDK use cases with architecture recommendations

View