ancoleman/ai-design-components
58 skills · 3,833 total installs
$npx skills add ancoleman/ai-design-componentsSkillInstalls
creating-dashboardsCreates comprehensive dashboard and analytics interfaces that combine data visualization, KPI cards, real-time updates, and interactive layouts.implementing-drag-dropImplements drag-and-drop and sortable interfaces with React/TypeScript including kanban boards, sortable lists, file uploads, and reorderable grids.administering-linuxManage Linux systems covering systemd services, process management, filesystems, networking, performance tuning, and troubleshooting.building-ai-chatBuilds AI chat interfaces and conversational UI with streaming responses, context management, and multi-modal support.designing-layoutsDesigns layout systems and responsive interfaces including grid systems, flexbox patterns, sidebar layouts, and responsive breakpoints.designing-distributed-systemsWhen designing distributed systems for scalability, reliability, and consistency.configuring-firewallsConfigure host-based firewalls (iptables, nftables, UFW) and cloud security groups (AWS, GCP, Azure) with practical rules for common scenarios like web…evaluating-llmsEvaluate LLM systems using automated metrics, LLM-as-judge, and benchmarks.guiding-usersImplements onboarding and help systems including product tours, interactive tutorials, tooltips, checklists, help panels, and progressive disclosure patterns.building-formsBuilds form components and data collection interfaces including contact forms, registration flows, checkout processes, surveys, and settings pages.implementing-realtime-syncReal-time communication patterns for live updates, collaboration, and presence.prompt-engineeringEngineer effective LLM prompts using zero-shot, few-shot, chain-of-thought, and structured output techniques.architecting-dataStrategic guidance for designing modern data platforms, covering storage paradigms (data lake, warehouse, lakehouse), modeling approaches (dimensional,…deploying-on-gcpImplement applications using Google Cloud Platform (GCP) services.building-tablesBuilds tables and data grids for displaying tabular information, from simple HTML tables to complex enterprise data grids.configuring-nginxConfigure nginx for static sites, reverse proxying, load balancing, SSL/TLS termination, caching, and performance tuning.implementing-api-patternsAPI design and implementation across REST, GraphQL, gRPC, and tRPC patterns.implementing-search-filterImplements search and filter interfaces for both frontend (React/TypeScript) and backend (Python) with debouncing, query management, and database integration.providing-feedbackImplements feedback and notification systems including toasts, alerts, modals, progress indicators, and error states.architecting-securityDesign comprehensive security architectures using defense-in-depth, zero trust principles, threat modeling (STRIDE, PASTA), and control frameworks (NIST CSF,…debugging-techniquesDebugging workflows for Python (pdb, debugpy), Go (delve), Rust (lldb), and Node.js, including container debugging (kubectl debug, ephemeral containers) and…implementing-tlsConfigure TLS certificates and encryption for secure communications.embedding-optimizationOptimizing vector embeddings for RAG systems through model selection, chunking strategies, caching, and performance tuning.architecting-networksDesign cloud network architectures with VPC patterns, subnet strategies, zero trust principles, and hybrid connectivity.displaying-timelinesDisplays chronological events and activity through timelines, activity feeds, Gantt charts, and calendar interfaces.planning-disaster-recoveryDesign and implement disaster recovery strategies with RTO/RPO planning, database backups, Kubernetes DR, cross-region replication, and chaos engineering…platform-engineeringDesign and implement Internal Developer Platforms (IDPs) with self-service capabilities, golden paths, and developer experience optimization.designing-sdksDesign production-ready SDKs with retry logic, error handling, pagination, and multi-language support.implementing-navigationImplements navigation patterns and routing for both frontend (React/TS) and backend (Python) including menus, tabs, breadcrumbs, client-side routing, and…performance-engineeringWhen validating system performance under load, identifying bottlenecks through profiling, or optimizing application responsiveness.building-ci-pipelinesConstructs secure, efficient CI/CD pipelines with supply chain security (SLSA), monorepo optimization, caching strategies, and parallelization patterns for…building-clisBuild professional command-line interfaces in Python, Go, and Rust using modern frameworks like Typer, Cobra, and clap.deploying-on-azureDesign and implement Azure cloud architectures using best practices for compute, storage, databases, AI services, networking, and governance.implementing-mlopsStrategic guidance for operationalizing machine learning models from experimentation to production.implementing-observabilityMonitoring, logging, and tracing implementation using OpenTelemetry as the unified standard.managing-git-workflowsManage Git branching strategies, commit conventions, and collaboration workflows.optimizing-sqlOptimize SQL query performance through EXPLAIN analysis, indexing strategies, and query rewriting for PostgreSQL, MySQL, and SQL Server.managing-mediaImplements media and file management components including file upload (drag-drop, multi-file, resumable), image galleries (lightbox, carousel, masonry), video…managing-vulnerabilitiesImplementing multi-layer security scanning (container, SAST, DAST, SCA, secrets), SBOM generation, and risk-based vulnerability prioritization in CI/CD…deploying-on-awsSelecting and implementing AWS services and architectural patterns.managing-dnsManage DNS records, TTL strategies, and DNS-as-code automation for infrastructure.resource-taggingApply and enforce cloud resource tagging strategies across AWS, Azure, GCP, and Kubernetes for cost allocation, ownership tracking, compliance, and automation.ai-data-engineeringData pipelines, feature stores, and embedding generation for AI/ML systems. Use when building RAG pipelines, ML feature serving, or data transformations.assembling-componentsAssembles component outputs from AI Design Components skills into unified, production-ready component systems with validated token integration, proper import…generating-documentationGenerate comprehensive technical documentation including API docs (OpenAPI/Swagger), code documentation (TypeDoc/Sphinx), documentation sites…implementing-complianceImplement and maintain compliance with SOC 2, HIPAA, PCI-DSS, and GDPR using unified control mapping, policy-as-code enforcement, and automated evidence…designing-apisDesign APIs that are secure, scalable, and maintainable using RESTful, GraphQL, and event-driven patterns.ingesting-dataData ingestion patterns for loading data from cloud storage, APIs, files, and streaming sources into databases.optimizing-costsOptimize cloud infrastructure costs through FinOps practices, commitment discounts, right-sizing, and automated cost management.deploying-applicationsDeployment patterns from Kubernetes to serverless and edge functions. Use when deploying applications, setting up CI/CD, or managing infrastructure.managing-incidentsGuide incident response from detection to post-mortem using SRE principles, severity classification, on-call management, blameless culture, and communication…load-balancing-patternsWhen distributing traffic across multiple servers or regions, use this skill to select and configure the appropriate load balancing solution (L4/L7,…managing-configurationGuide users through creating, managing, and testing server configuration automation using Ansible.operating-kubernetesOperating production Kubernetes clusters effectively with resource management, advanced scheduling, networking, storage, security hardening, and autoscaling.implementing-gitopsImplement GitOps continuous delivery for Kubernetes using ArgoCD or Flux.model-servingLLM and ML model deployment for inference. Use when serving models in production, building AI APIs, or optimizing inference.implementing-service-meshImplement production-ready service mesh deployments with Istio, Linkerd, or Cilium.secret-managementManaging secrets (API keys, database credentials, certificates) with Vault, cloud providers, and Kubernetes.