vercel
Deploy and configure applications on Vercel. Use when deploying Next.js apps, configuring serverless functions, setting up edge functions, or managing Vercel…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-18 00:12
Frontend & websites
10,842 results
css-animation-patterns
CSS animations, transitions, keyframes, and modern motion APIs. Use when adding animations, transitions, scroll-driven effects, or view transitions. Use for…
syncfusion-react-calendar
Comprehensive guide for implementing the Syncfusion React Calendar component with quick navigation, when-to-use guidance, and reference links for common tasks.…
awesome-design-html
118 single-page HTML design references: a Chinese Traditional Colors swatch page (742 named hues, hue-grouped, click-to-copy HEX/RGB, under assets/web/design.zhongguo-colors.html) + 96 marketing webpages (Stripe, Linear, Notion, Apple, Vercel, Figma, Airbnb, Cursor, Claude, BrowserOS, Bun, Spotify, Tesla, Ferrari, BMW + China tier: Feishu, Douyin, Doubao, Aliyun, Alipay, DingTalk, Yuque, Tencent Cloud, WeChat, DeepSeek, Kimi, Wenxin, Qwen, Qwen Cloud, Xiaomi EV, NIO, Li Auto, ZEEKR, Bilibili, miHoYo, Xiaomi, Xiaohongshu) under assets/web/ + 22 iOS app mockups (Instagram, Spotify, TikTok, WhatsApp, Telegram, Discord, Threads, X/Twitter, Snapchat, YouTube, Netflix, Apple Music, Uber, Airbnb, ChatGPT, Notion, Tinder, Hinge, Starbucks, DoorDash, Robinhood, Duolingo) under assets/ios/. Each HTML contains brand-faithful demo + design system reference. Triggers: 'Chinese traditional colors', 'Chinese color swatch', 'traditional color schemes', 'make a Feishu-style page', 'reference DeepSeek minimalism', 'Xiaomi EV hero', 'Xiaohongshu-style waterfall flow', 'do a Linear-style page', 'mimic Stripe hero gradient', 'iPhone mockup of Spotify Now Playing', 'Chinese traditional color palette', or any brand-name + design/style/page/UI/screen.
css-animations
CSS animation adapter patterns for FrameVideo. Use when authoring CSS keyframes, animation-delay based timing, animation-fill-mode, animation-play-state, or…
website-to-framevideo
Capture a website and create a FrameVideo video from it. Use when: (1) a user provides a URL and wants a video, (2) someone says "capture this site", "turn…
vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js…
geo-fix-schema
Analyze a website's structured data and generate ready-to-use JSON-LD schema markup to improve AI discoverability. Use when the user asks to fix schema, add…
univer-pro-integrate
Integrate Univer Pro (enterprise-grade spreadsheet, document, and presentation engine) into frontend projects. Use when the user needs Univer Pro features…
angular-cypress
ALWAYS use when testing Angular applications with Cypress, E2E testing, or component testing in Angular.
angular-router
ALWAYS use when working with Angular Router, routing configuration, guards, resolvers, lazy loading, or navigation in Angular applications.
pencil-to-code
Export .pen design to React/Tailwind code. Does ONE thing well. Input: .pen frame ID or file path Output: React component code + Tailwind config Use when:…
make-interfaces-feel-better
Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover…
react-flow-node-ts
Create React Flow node components following established patterns with proper TypeScript types and store integration.
shadcn-vue-skilld
Use when adding, configuring, or debugging shadcn-vue in a Vue or Nuxt project. Covers shadcn-vue CLI commands (init, add, apply, view, search, docs, info,…
earnings_reaction_interpreter_skill
Interpret post-earnings price reactions, sources of beats, genuine market disagreements, and follow-up observation points. Suitable for earnings-night reviews, pre-open judgments the next day, and post-call viewpoint updates.
geo-fix-content
Rewrite website content to maximize AI citability — remove hedge language, add data support, improve self-containment, and optimize structure for AI engines.…
windows-3-1-web-designer
Modern web applications with authentic Windows 3.1 aesthetic. Solid navy title bars, Program Manager navigation, beveled borders, single window controls.…
specsfy-specialist-nextjs
The English introduction is being prepared.
specsfy-specialist-web-accessibility
The English introduction is being prepared.
extension-assets
Generate and manage all Chrome extension assets: icons (16–128px), CWS listing images, promotional tiles, and public/ folder setup. Supports ImageMagick,…
alova-client-usage
Usage for alova v3 in browser/client-side/SSR applications (React, Nextjs, Vue3, Vue2, Nuxt, React-Native, Expo, Uniapp, Taro, Svelte, Svelitekit, Solid). Use…
canvas-page-definition
Start here for any Canvas page-spec task. Use for create, modify, refactor, review, migrate, or validate work on page JSON files that sync with Canvas and…
angular-control-flow
ALWAYS use when working with Angular Control Flow syntax, @if, @for, @switch, @defer, or new template syntax in Angular applications.