Sponsored by

Find leads on Reddit on auto pilot

Agent skills
ui-components

Topic: ui-components

101 skills in this topic.

generating-documentation Generate comprehensive technical documentation including API docs (OpenAPI/Swagger), code documentation (TypeDoc/Sphinx), documentation sites (Docusaurus/MkDocs), Architecture Decision Records (ADRs), and diagrams (Mermaid/PlantUML). Use when documenting APIs, libraries, systems architecture, or building developer-facing documentation sites.
ancoleman/ai-design-components 333
guiding-users Implements onboarding and help systems including product tours, interactive tutorials, tooltips, checklists, help panels, and progressive disclosure patterns. Use when building first-time experiences, feature discovery, guided walkthroughs, contextual help, setup flows, or user activation features. Provides timing strategies, accessibility patterns (keyboard, screen readers, reduced motion), and metrics for measuring onboarding success.
ancoleman/ai-design-components 333
implementing-api-patterns API design and implementation across REST, GraphQL, gRPC, and tRPC patterns. Use when building backend services, public APIs, or service-to-service communication. Covers REST frameworks (FastAPI, Axum, Gin, Hono), GraphQL libraries (Strawberry, async-graphql, gqlgen, Pothos), gRPC (Tonic, Connect-Go), tRPC for TypeScript, pagination strategies (cursor-based, offset-based), rate limiting, caching, versioning, and OpenAPI documentation generation. Includes frontend integration patterns for forms, tables, dashboards, and ai-chat skills.
ancoleman/ai-design-components 333
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 collection. Use when building systems requiring regulatory compliance, implementing security controls across multiple frameworks, or automating audit preparation.
ancoleman/ai-design-components 333
implementing-drag-drop Implements drag-and-drop and sortable interfaces with React/TypeScript including kanban boards, sortable lists, file uploads, and reorderable grids. Use when building interactive UIs requiring direct manipulation, spatial organization, or touch-friendly reordering.
ancoleman/ai-design-components 333
implementing-gitops Implement GitOps continuous delivery for Kubernetes using ArgoCD or Flux. Use for automated deployments with Git as single source of truth, pull-based delivery, drift detection, multi-cluster management, and progressive rollouts.
ancoleman/ai-design-components 333
implementing-mlops Strategic guidance for operationalizing machine learning models from experimentation to production. Covers experiment tracking (MLflow, Weights & Biases), model registry and versioning, feature stores (Feast, Tecton), model serving patterns (Seldon, KServe, BentoML), ML pipeline orchestration (Kubeflow, Airflow), and model monitoring (drift detection, observability). Use when designing ML infrastructure, selecting MLOps platforms, implementing continuous training pipelines, or establishing model governance.
ancoleman/ai-design-components 333
implementing-navigation Implements navigation patterns and routing for both frontend (React/TS) and backend (Python) including menus, tabs, breadcrumbs, client-side routing, and server-side route configuration. Use when building navigation systems or setting up routing.
ancoleman/ai-design-components 333
implementing-tls Configure TLS certificates and encryption for secure communications. Use when setting up HTTPS, securing service-to-service connections, implementing mutual TLS (mTLS), or debugging certificate issues.
ancoleman/ai-design-components 333
architecting-data Strategic guidance for designing modern data platforms, covering storage paradigms (data lake, warehouse, lakehouse), modeling approaches (dimensional, normalized, data vault, wide tables), data mesh principles, and medallion architecture patterns. Use when architecting data platforms, choosing between centralized vs decentralized patterns, selecting table formats (Iceberg, Delta Lake), or designing data governance frameworks.
ancoleman/ai-design-components 333
evaluating-llms Evaluate LLM systems using automated metrics, LLM-as-judge, and benchmarks. Use when testing prompt quality, validating RAG pipelines, measuring safety (hallucinations, bias), or comparing models for production deployment.
ancoleman/ai-design-components 333
implementing-search-filter Implements search and filter interfaces for both frontend (React/TypeScript) and backend (Python) with debouncing, query management, and database integration. Use when adding search functionality, building filter UIs, implementing faceted search, or optimizing search performance.
ancoleman/ai-design-components 333
ss-flow
bitjaru/styleseed 152
ss-tokens
bitjaru/styleseed 152
ss-a11y Audit a component or page for accessibility issues and fix them
bitjaru/styleseed 152
ss-feedback Add appropriate user feedback states (loading, success, error, empty) to a component or page
bitjaru/styleseed 152
ss-copy
bitjaru/styleseed 152
ss-component
bitjaru/styleseed 152
ss-lint Quick automated lint — detects common design system violations in seconds
bitjaru/styleseed 152
ss-page
bitjaru/styleseed 152
ss-pattern
bitjaru/styleseed 152
ss-update Update StyleSeed engine in your project — analyzes what's outdated and updates safely
bitjaru/styleseed 152
ss-review Review UI code for design system compliance, accessibility, and best practices
bitjaru/styleseed 152
ss-audit Audit screens for UX issues using Nielsen's heuristics and modern mobile UX best practices
bitjaru/styleseed 152