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
Agent Skill to Recruiter Assistant
A comprehensive recruitment workflow assistant designed to automate resume screening, interview question.
Agent Skill to Recruitly Mcp
Search candidates, manage jobs, view pipelines, track billing and team performance in Recruitly CRM via MCP.
Agent Skill to Motion Advanced
Advanced motion patterns for React / Next.js — drag & drop, gestures, text animations, SVG path drawing, custom hooks, imperative sequences (useAnimate), loaders, and the full API decision tree. Requires motion-foundations. Use when building drag and drop, gestures, text or SVG animation, or imperative animation sequences in React or Next.js.
Agent Skill to Frontend Skill: Vercel Cli With Tokens
Deploy and manage projects on Vercel using token-based authentication. Use when working with Vercel CLI using access tokens rather than interactive login — e.g. "deploy to vercel", "set up vercel", "add environment variables to vercel".
Agent Skill to Acquire Codebase Knowledge
Use this skill when the user explicitly asks to map, document, or onboard into an existing codebase. Trigger for prompts like "map this codebase", "document this architecture", "onboard me to this repo", or "create codebase docs". Do not trigger for routine feature implementation, bug fixes, or narrow code edits unless the user asks for repository-level discovery.
Agent Skill to Sonic Build
Build SONiC (Software for Open Networking in the Cloud) switch images from sonic-buildimage.
Agent Skill to Flowstudio Power Automate Build
Build, scaffold, and deploy Power Automate cloud flows using the FlowStudio MCP server. Your agent constructs flow definitions, wires connections, deploys, and tests — all via MCP without opening the portal. Load this skill when asked to: create a flow, build a new flow, deploy a flow definition, scaffold a Power Automate workflow, construct a flow JSON, update an existing flow's actions, patch a flow definition, add actions to a flow, wire up connections, or generate a workflow defini
Agent Skill to Equity Valuation Framework
Provides a decision-grade equity valuation playbook and report standard (multiples, DCF, quality assessment.
Agent Skill to Cyberpunk Ui
Web and App implementation guide for Cyberpunk UI. Trigger when user wants neon colors, dark backgrounds, high-tech dystopian aesthetics, and hacking interfaces.
Agent Skill to Build Warden Agent
Build original LangGraph agents for Warden Protocol and prepare them for publishing in Warden Studio.
Agent Skill to Wasm Spa Autofix React Imports
Meticulously detect and fix missing React/TSX imports, undefined components, and bundler runtime errors in the WASM.
Agent Skill to Office Document Specialist Suite
Advanced suite for creating, editing, and analyzing Microsoft Office documents (Word, Excel, PowerPoint)
Agent Skill to React Native Logs Cli
Use rn-logs to read React Native Metro logs via CDP without MCP overhead.
Agent Skill to Seo Affiliate Guide
Crea guías de compra SEO optimizadas para posts de afiliado en español. Úsala siempre que el usuario quiera.
Agent Skill to Approvals Ui
A web dashboard for managing OpenClaw device pairings, channel approvals, and a live terminal — all from your browser.
Agent Skill to Ui Screenshots
Capture screenshots of web apps during development using Playwright and PIL. Supports full-page captures, interactive states, and an iterate-on-crop workflow that avoids slow re-screenshots.
Agent Skill to Power Platform Mcp Connector Suite
Generate complete Power Platform custom connector with MCP integration for Copilot Studio - includes schema generation, troubleshooting, and validation