cometchat-angular-placement
Where to put chat in an Angular app — Route-based, Sidebar, Modal/Dialog, Tab-based, and Embedded placements. Maps each to CometChat component composition with…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-29 00:09
Frontend & websites
11,258 results
cometchat-flutter-v5-customization
Use when customizing CometChat Flutter UIKit v5 beyond props — custom bubbles, templates, DataSource decorators, slot views, formatters.
react
Comprehensive React development guide covering component architecture, hooks, state management, TypeScript integration, useEffect patterns, and testing with…
react-doctor
Use when finishing a feature, fixing a bug, before committing React code, or when the user types `/doctor`, asks to scan, triage, or clean up React…
tailwindcss
Guide for Tailwind CSS v4 patterns and best practices. Use when styling components with Tailwind CSS, creating responsive layouts, working with Tailwind 4…
tanstack-router-best-practices
TanStack Router best practices for type-safe routing, data loading, search params, and navigation. Activate when building React applications with complex…
tanstack-start-best-practices
TanStack Start best practices for full-stack React applications. Server functions, middleware, SSR, authentication, and deployment patterns. Activate when…
0-to-working-chat
End-to-end quickstart for CopilotKit v2 — scaffold, mount the runtime, mount the provider, render chat, add the first tool. Canonical framework order is React…
frontend-architect
Frontend stack decisions, Cloudflare deployment patterns, component systems, and internal tools architecture. Use for framework selection, deployment strategy,…
scroll-sequence
Turn a video file into a premium scroll-sequence website — the Apple-style experience where scrolling scrubs through video frames with choreographed text…
deprecation
Manage deprecation lifecycle for components, interfaces, and tokens with versioned notices, replacement guidance, migration docs, and removal tracking. Use…
better-footers
Creates modern, non-standard site footers — editorial, colophon, legal strip, closing CTA. Use when implementing a footer, link sitemap, copyright,…
react-native-realtime-location
Real-time foreground location in React Native/Expo — watchPosition, accuracy, throttling, live map and broadcast to backend. Use when showing…
tus-golang-nextjs
Resumable upload with the TUS protocol — tusd/Gin server in Go and Next.js client (tus-js-client). Use when implementing video/large file upload, resume…
motion-animation
Motion e animações web com Lenis, GSAP e ScrollTrigger: scroll suave, reveals, parallax e microinterações. Use sempre que o usuário pedir animação, motion,…
steal-react-component
Extract and reconstruct React components from any production website using Chrome browser automation. Use when asked to steal, copy, extract, or…
add-shader-cursor-trail
Add the Shaders WebGPU mouse effect used for the Tidal Commons hero: a white twinkling halftone cursor trail driven by ChromaFlow, masked through a DotGrid,…
ambient-section-particles
Add a restrained particle atmosphere inside one section with configurable shapes, density, gravity, wind, sway, rotation, recycling or settling, pointer…
audit-reference-originality
Audit a website or digital experience against its supplied source references for originality and plagiarism risk. Use when Codex must compare current or…
beam-glow-states
Create React loading, processing, selected, current, focus, and pressed states with the border-beam package's animated edge glow. Use when a card, button,…
build-awwwards-quality-sites
Art-direct and implement distinctive, motion-rich marketing, editorial, portfolio, and landing websites with original reference-inspired imagery, standout…
cinematic-gsap-lenis-motion-system
Create premium cinematic web motion systems with GSAP, ScrollTrigger, and Lenis. Use for luxury editorial websites, creative studio portfolios, Awwwards-style…
cinematic-scroll-storytelling
Create cinematic scroll-driven landing pages with Lenis smooth scrolling, GSAP ScrollTrigger, scroll-linked progression, staggered text reveals, sticky card…
cobejs
Use when adding a lightweight interactive globe with cobe (canvas setup, markers, interaction, performance, integration with React/Next.js).