#react
51 resources
Results
- dotlottie-web
Implement Lottie animations using dotLottie runtimes (@lottiefiles/dotlottie-web and @lottiefiles/dotlottie-react).
- react-best-practices
Comprehensive React and Next.js performance optimization guide with 40+ rules for eliminating waterfalls, optimizing bundles, and improving rendering.
- motion-gpu-adapters-wgsl
Build and edit MotionGPU code across framework-agnostic core and Svelte/React/Vue adapters.
- resume-builder
Generate professional resumes that conform to the Reactive Resume schema.
- build-with-tinybase
Scaffold, extend, and verify reactive local-first JavaScript or TypeScript applications with TinyBase.
- ux-audit
Walk through a live web app AS a real user to find usability + behavioural bugs that static reviews miss.
- elevenlabs-agents
Build conversational AI voice agents on the ElevenLabs platform.
- google-chat-messages
Send Google Chat messages via incoming webhooks — text, rich cards (cardsV2), threaded replies.
- tailwind-theme-builder
Set up Tailwind v4 + shadcn/ui themed UI with dark mode.
- react-server-components-framework
Design and implement React Server Components with Next.js 15 App Router.
- building-clis
Build professional command-line interfaces in Python, Go, and Rust using modern frameworks like Typer, Cobra, and clap.
- designing-sdks
Design production-ready SDKs with retry logic, error handling, pagination, and multi-language support.
- evaluating-llms
Evaluate LLM systems using automated metrics, LLM-as-judge, and benchmarks.
- implementing-compliance
Implement and maintain compliance with SOC 2, HIPAA, PCI-DSS, and GDPR using unified control mapping, policy-as-code enforcement, and automated evidence…
- implementing-realtime-sync
Real-time communication patterns for live updates, collaboration, and presence.
- performance-engineering
When validating system performance under load, identifying bottlenecks through profiling, or optimizing application responsiveness.
- shell-scripting
Write robust, portable shell scripts with proper error handling, argument parsing, and testing.
- testing-strategies
Strategic guidance for choosing and implementing testing approaches across the test pyramid.
- transforming-data
Transform raw data into analytical assets using ETL/ELT patterns, SQL (dbt), Python (pandas/polars/PySpark), and orchestration (Airflow).
- assembling-components
Assembles component outputs from AI Design Components skills into unified, production-ready component systems with validated token integration, proper…
- color-palette
Generate complete, accessible colour palettes from a single brand hex.
- favicon-gen
Generate custom favicons from logos, text, or brand colours.
- icon-set-generator
Generate cohesive, project-specific SVG icon sets for websites and applications.
- responsiveness-check
Test website responsiveness across viewport widths using browser automation.
- seo-local-business
Generate complete SEO setup for local business websites — HTML head tags, JSON-LD LocalBusiness schema, robots.txt, sitemap.xml.
- shopify-content
Create and manage Shopify pages, blog posts, navigation menus, redirects, and SEO metadata via the Admin API or browser automation.
- shopify-products
Create and manage Shopify products via the Admin GraphQL API or CSV import.
- shopify-setup
Set up Shopify CLI auth and Admin API access for a store.
- team-update
Post project updates to team chat, gather feedback, triage responses, and plan next steps.
- ux-compare
Before a build — comparing 3–5 references for the feature class you're about to build reveals the convention and the tradeoffs -…
- ux-extract
Before building a new feature — study how best-in-class apps handle it - Benchmarking a build — extract the reference, then audit…
- vite-flare-starter
Scaffold a full-stack Cloudflare app from the vite-flare-starter template — React 19 + Hono + D1+Drizzle + better-auth + Tailwind v4+shadcn/ui + TanStack…
- wordpress-setup
Connect to a WordPress site via WP-CLI over SSH or the REST API.
- ingesting-data
Data ingestion patterns for loading data from cloud storage, APIs, files, and streaming sources into databases.
- managing-configuration
Guide users through creating, managing, and testing server configuration automation using Ansible.
- administering-linux
Manage Linux systems covering systemd services, process management, filesystems, networking, performance tuning, and troubleshooting.
- architecting-networks
Design cloud network architectures with VPC patterns, subnet strategies, zero trust principles, and hybrid connectivity.
- architecting-security
Design comprehensive security architectures using defense-in-depth, zero trust principles, threat modeling (STRIDE, PASTA), and control frameworks (NIST…
- building-ai-chat
Builds AI chat interfaces and conversational UI with streaming responses, context management, and multi-modal support.
- building-forms
Builds form components and data collection interfaces including contact forms, registration flows, checkout processes, surveys, and settings pages.
- building-tables
Builds tables and data grids for displaying tabular information, from simple HTML tables to complex enterprise data grids.
- configuring-firewalls
Configure host-based firewalls (iptables, nftables, UFW) and cloud security groups (AWS, GCP, Azure) with practical rules for common scenarios like web…
- creating-dashboards
Creates comprehensive dashboard and analytics interfaces that combine data visualization, KPI cards, real-time updates, and interactive layouts.
- deploying-applications
Deployment patterns from Kubernetes to serverless and edge functions.
- deploying-on-azure
Design and implement Azure cloud architectures using best practices for compute, storage, databases, AI services, networking, and governance.
- deploying-on-gcp
Implement applications using Google Cloud Platform (GCP) services.
- designing-distributed-systems
When designing distributed systems for scalability, reliability, and consistency.
- designing-layouts
Designs layout systems and responsive interfaces including grid systems, flexbox patterns, sidebar layouts, and responsive breakpoints.
- react-flow
Expert guidance for React Flow (@xyflow/react): building interactive node-based graphs, custom nodes and edges, handles, state management, layouting,…
- app-docs
Generate complete user documentation for a web app with screenshots.
- image-processing
Process images for web development — resize, crop, trim whitespace, convert formats (PNG/WebP/JPG), optimise file size, generate…
