velt-presence-best-practices
Velt Presence implementation patterns and best practices for React, Next.js, and web applications. Use when adding user presence avatars, online/away/offline…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-25 00:14
Frontend & websites
11,083 results
complex-state-management
Production patterns for managing complex application state in React without Redux, Zustand, or other state libraries. Includes multi-stage loading, command…
accessibility auditor
Add accessibilityLabel and accessibilityHint to Images and Buttons in Leavn app for VoiceOver support
psd-to-preview
Complete conversion workflow from PSD design files to preview pages + React components + Vue components.
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or…
ui-toolkit-web
Zoom Video SDK UI Toolkit for Web. Use when building prebuilt or low-code Zoom Video SDK browser UI with @zoom/videosdk-ui-toolkit, composite UI, individual…
mapbox-ops
Mapbox GL JS v3 (web) toolkit: custom markers, symbol/geojson layers, clustering, style expressions, 3D terrain/fill-extrusion, heatmaps, choropleths, camera…
figma2cocos
Use the figma2cocos skill when the user provides CSS styles that include the 4 properties width / height / left / top
design-page
Implement an approved storefront page plan with verified production assets. Authors canonical Lexsis source, creates or edits one unpublished hosted draft,…
visual-page
Turn an approved storefront plan into a responsive, theme-aware mockup using compiled Lexsis templates and islands. Static fallbacks are limited to isolated…
react-best-practices
React best practices from react.dev and Vercel. Use when: (1) Reviewing React code, (2) Debugging performance issues, (3) Optimizing bundle size, (4) Writing…
expandable-card
Creates expandable/collapsible cards using CSS grid-rows animation with smooth transitions. Use when building accordions, expandable panels, collapsible…
image-carousel
Creates image carousels with hover-activated auto-advance, touch swipe support, and animated progress indicators. Use when building image galleries, product…
stacked-cards
Creates horizontally fanned/cascading card stacks with proper z-index ordering and hover lift animations. Use when building album browsers, card fans, stacked…
react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. Use when writing, reviewing, or refactoring React/Next.js code to ensure optimal…
vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. Use when writing, reviewing, or refactoring React/Next.js code to ensure optimal…
react-core
React component patterns, hooks, state management, and Vercel-inspired performance optimizations. Use for React development including re-render prevention,…
angular-enterprise-architecture
Use when designing, reviewing, refactoring, or enforcing Angular application architecture with isolated lazy features, eager core/layout, reusable ui/pattern…
laravel-fullstack
Laravel Blade views, Alpine.js, Vue.js integration, TailwindCSS styling, Vite assets. ALWAYS activate when: working with resources/views/, Blade components,…
intlayer-angular
Integrates Intlayer internationalization with Angular applications. Use when the user asks to "setup Angular i18n", create a new translated component, use the…
github-stars
This skill should be used when adding GitHub star counts, star buttons, star widgets, or GitHub social proof to a website or app. Applies when the user says…
frontend-design-pro
Frontend design quality improvement skill. Makes AI-generated UI/frontend code more professional and avoids common design anti-patterns. References the design language specification of the impeccable project, providing design review commands such as audit/polish/critique. Trigger words: /audit /polish /critique /colorize /animate /bolder…
business-contact-social-links-skill
This skill helps users automatically extract official website and social media profiles. Agent should proactively apply this skill when users express needs…
design-system-starter
Create and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentation templates. Ensures consistent,…