SkillsAdd

Source

ancoleman/ai-design-components

76 skills · 6.1K combined installs

Skills from this source

#
Skill
Source
8W Activity
Installs
1
creating-dashboards Creates comprehensive dashboard and analytics interfaces that combine data visualization, KPI cards, real-time update…
ancoleman/ai-design-components
345
2
implementing-drag-drop Implements drag-and-drop and sortable interfaces with React/TypeScript including kanban boards, sortable lists, file …
ancoleman/ai-design-components
333
3
administering-linux Manage Linux systems covering systemd services, process management, filesystems, networking, performance tuning, and …
ancoleman/ai-design-components
211
4
providing-feedback Implements feedback and notification systems including toasts, alerts, modals, progress indicators, and error states.…
ancoleman/ai-design-components
204
5
security-hardening Reduces attack surface across OS, container, cloud, network, and database layers using CIS Benchmarks and zero-trust …
ancoleman/ai-design-components
166
6
building-ai-chat Builds AI chat interfaces and conversational UI with streaming responses, context management, and multi-modal support…
ancoleman/ai-design-components
132
7
designing-layouts Designs layout systems and responsive interfaces including grid systems, flexbox patterns, sidebar layouts, and respo…
ancoleman/ai-design-components
101
8
designing-distributed-systems When designing distributed systems for scalability, reliability, and consistency. Covers CAP/PACELC theorems, consist…
ancoleman/ai-design-components
93
9
visualizing-data Builds dashboards, reports, and data-driven interfaces requiring charts, graphs, or visual analytics. Provides system…
ancoleman/ai-design-components
93
10
securing-authentication Authentication, authorization, and API security implementation. Use when building user systems, protecting APIs, or i…
ancoleman/ai-design-components
92
11
evaluating-llms Evaluate LLM systems using automated metrics, LLM-as-judge, and benchmarks. Use when testing prompt quality, validati…
ancoleman/ai-design-components
88
12
guiding-users Implements onboarding and help systems including product tours, interactive tutorials, tooltips, checklists, help pan…
ancoleman/ai-design-components
87
13
configuring-firewalls Configure host-based firewalls (iptables, nftables, UFW) and cloud security groups (AWS, GCP, Azure) with practical r…
ancoleman/ai-design-components
86
14
siem-logging Configure security information and event management (SIEM) systems for threat detection, log aggregation, and complia…
ancoleman/ai-design-components
83
15
using-graph-databases Graph database implementation for relationship-heavy data models. Use when building social networks, recommendation e…
ancoleman/ai-design-components
81
16
building-forms Builds form components and data collection interfaces including contact forms, registration flows, checkout processes…
ancoleman/ai-design-components
79
17
implementing-realtime-sync Real-time communication patterns for live updates, collaboration, and presence. Use when building chat applications, …
ancoleman/ai-design-components
78
18
using-message-queues Async communication patterns using message brokers and task queues. Use when building event-driven systems, backgroun…
ancoleman/ai-design-components
77
19
building-tables Builds tables and data grids for displaying tabular information, from simple HTML tables to complex enterprise data g…
ancoleman/ai-design-components
76
20
writing-github-actions Write GitHub Actions workflows with proper syntax, reusable workflows, composite actions, matrix builds, caching, and…
ancoleman/ai-design-components
76
21
prompt-engineering Engineer effective LLM prompts using zero-shot, few-shot, chain-of-thought, and structured output techniques. Use whe…
ancoleman/ai-design-components
75
22
shell-scripting Write robust, portable shell scripts with proper error handling, argument parsing, and testing. Use when automating s…
ancoleman/ai-design-components
74
23
implementing-search-filter Implements search and filter interfaces for both frontend (React/TypeScript) and backend (Python) with debouncing, qu…
ancoleman/ai-design-components
73
24
theming-components Provides design token system and theming framework for consistent, customizable UI styling across all components. Cov…
ancoleman/ai-design-components
73
25
architecting-data Strategic guidance for designing modern data platforms, covering storage paradigms (data lake, warehouse, lakehouse),…
ancoleman/ai-design-components
72
26
using-relational-databases Relational database implementation across Python, Rust, Go, and TypeScript. Use when building CRUD applications, tran…
ancoleman/ai-design-components
72
27
writing-dockerfiles Writing optimized, secure, multi-stage Dockerfiles with language-specific patterns (Python, Node.js, Go, Rust), Build…
ancoleman/ai-design-components
72
28
configuring-nginx Configure nginx for static sites, reverse proxying, load balancing, SSL/TLS termination, caching, and performance tun…
ancoleman/ai-design-components
71
29
deploying-on-gcp Implement applications using Google Cloud Platform (GCP) services. Use when building on GCP infrastructure, selecting…
ancoleman/ai-design-components
71
30
implementing-api-patterns API design and implementation across REST, GraphQL, gRPC, and tRPC patterns. Use when building backend services, publ…
ancoleman/ai-design-components
70
31
streaming-data Build event streaming and real-time data pipelines with Kafka, Pulsar, Redpanda, Flink, and Spark. Covers producer/co…
ancoleman/ai-design-components
70
32
testing-strategies Strategic guidance for choosing and implementing testing approaches across the test pyramid. Use when building compre…
ancoleman/ai-design-components
70
33
architecting-security Design comprehensive security architectures using defense-in-depth, zero trust principles, threat modeling (STRIDE, P…
ancoleman/ai-design-components
68
34
debugging-techniques Debugging workflows for Python (pdb, debugpy), Go (delve), Rust (lldb), and Node.js, including container debugging (k…
ancoleman/ai-design-components
68
35
displaying-timelines Displays chronological events and activity through timelines, activity feeds, Gantt charts, and calendar interfaces. …
ancoleman/ai-design-components
68
36
embedding-optimization Optimizing vector embeddings for RAG systems through model selection, chunking strategies, caching, and performance t…
ancoleman/ai-design-components
68
37
implementing-tls Configure TLS certificates and encryption for secure communications. Use when setting up HTTPS, securing service-to-s…
ancoleman/ai-design-components
66
38
optimizing-sql Optimize SQL query performance through EXPLAIN analysis, indexing strategies, and query rewriting for PostgreSQL, MyS…
ancoleman/ai-design-components
66
39
planning-disaster-recovery Design and implement disaster recovery strategies with RTO/RPO planning, database backups, Kubernetes DR, cross-regio…
ancoleman/ai-design-components
66
40
platform-engineering Design and implement Internal Developer Platforms (IDPs) with self-service capabilities, golden paths, and developer …
ancoleman/ai-design-components
66
41
using-timeseries-databases Time-series database implementation for metrics, IoT, financial data, and observability backends. Use when building d…
ancoleman/ai-design-components
66
42
architecting-networks Design cloud network architectures with VPC patterns, subnet strategies, zero trust principles, and hybrid connectivi…
ancoleman/ai-design-components
65
43
implementing-mlops Strategic guidance for operationalizing machine learning models from experimentation to production. Covers experiment…
ancoleman/ai-design-components
65
44
implementing-navigation Implements navigation patterns and routing for both frontend (React/TS) and backend (Python) including menus, tabs, b…
ancoleman/ai-design-components
65
45
performance-engineering When validating system performance under load, identifying bottlenecks through profiling, or optimizing application r…
ancoleman/ai-design-components
65
46
implementing-observability Monitoring, logging, and tracing implementation using OpenTelemetry as the unified standard. Use when building produc…
ancoleman/ai-design-components
64
47
managing-secrets Managing secrets (API keys, database credentials, certificates) with Vault, cloud providers, and Kubernetes. Use when…
ancoleman/ai-design-components
64
48
building-clis Build professional command-line interfaces in Python, Go, and Rust using modern frameworks like Typer, Cobra, and cla…
ancoleman/ai-design-components
63
49
designing-sdks Design production-ready SDKs with retry logic, error handling, pagination, and multi-language support. Use when build…
ancoleman/ai-design-components
63
50
managing-git-workflows Manage Git branching strategies, commit conventions, and collaboration workflows. Use when choosing between trunk-bas…
ancoleman/ai-design-components
63
Page 1 · 76 total Next