Skill UI

This skill generates appropriate user feedback states for components and pages, including loading skeletons, empty states, error messages, and success toasts. It ensures consistent UI presentation by implementing specific design patterns for data-dependent areas, handling partial or full failures, and providing retry mechanisms. It follows design language references for animations and accessibility, suitable for React-based frontend development workflows.

This skill assists in designing user flows and navigation structures based on proven UX patterns. It covers information architecture, navigation patterns like hub and spoke, and screen flow rules. It outputs ASCII flow diagrams, screen inventories, and edge cases. Suitable for planning mobile app and web interface structures before implementing specific pages or copy.

This skill applies behavioral psychology and choice architecture principles to optimize UX flows. It reduces friction, increases user commitment, and guides decisions ethically without coercion. Ideal for redesigning product pages where interaction design causes conversion friction. It ensures clear paths, sensible defaults, and avoids dark patterns while supporting accessibility and informed choice.

A comprehensive collection of agent skills for rigorously auditing digital interfaces and user flows. It evaluates designs against 168 research-backed UX/UI principles, detects common design antipatterns, and provides specialized review for AI-powered interfaces, ensuring adherence to modern best practices.

Deploy, configure, and optimize production vector databases such as Qdrant, Weaviate, pgvector, and Pinecone for RAG, semantic search, and recommendations, covering collection design, HNSW indexing, quantization, and multi-tenant filtering.

A comprehensive automation toolkit designed to manage the entire Vercel deployment lifecycle and associated infrastructure. Users can programmatically monitor, trigger, and manage deployments, configure custom domains and DNS records, manage environment variables across multiple targets, and oversee project settings and project listings. Essential for implementing robust CI/CD pipelines and managing cloud infrastructure.

Vexor is a command-line interface tool that utilizes vector embeddings to perform semantic file searches. It is designed to enhance workflow efficiency by allowing users to query files based on meaning rather than keywords, particularly when integrated with AI models like Claude or Codex. Ideal for developers needing context-aware file retrieval within codebases or documentation.

A comprehensive, multi-phase quality assurance tool designed for Next.js fullstack applications. It verifies production readiness by checking code integrity, build success, SEO metadata, API authentication, route stability, performance, and security vulnerabilities. Use it as a mandatory pre-deployment checklist before promoting an app to production.

A comprehensive guide for implementing the "More is More" aesthetic. This style thrives on sensory overload, clashing neon colors, complex layered gradients, and chaotic typography mixes. Use this when the design needs to feel vibrant, intense, and visually dense, perfect for attention-grabbing web or app interfaces.

Expert in building shareable generator tools that go viral, including name generators, quiz makers, avatar creators, personality tests, and calculator tools. Covers the psychology of sharing, viral mechanics, and designing tools people can't resist sharing with friends.

This skill maps visual elements like color, typography, and layout to specific emotions and brand goals. It helps designers create visuals that evoke targeted feelings and support persuasion rather than just decoration, ensuring cultural sensitivity and accessibility.

Vizcom is an AI-driven platform that transforms rough sketches, line art, or text descriptions into photorealistic 3D renders. Ideal for designing physical products like furniture, electronics, and consumer goods, it offers multiple render styles and iterative exploration to achieve high-fidelity, visually stunning visualizations.