Design
UI/UX direction, visual design, and design systems
domain-strategy
by rampstackco
"Plan, manage, and optimize a domain portfolio. Use this skill for DNS architecture decisions, redirect strategies, registrar choice, parking unused domains, multi-site setups, and domain consolidation or split planning. Triggers on DNS, domain, registrar, redirect, parking, subdomain, apex, www vs non-www, multi-site, portfolio, hreflang setup, domain migration. Also triggers when planning a new site that needs domain decisions made before launch."
ecommerce-branding
by nexscope-ai
"Build and strengthen your e-commerce brand identity. Brand positioning, messaging, visual identity guidelines, and brand consistency across sales channels and marketing touchpoints."
frontend-design
by hwatkins
When the user wants to create distinctive, production-grade frontend interfaces. Guides bold aesthetic choices, typography, color, motion, and spatial composition to avoid generic "AI slop" aesthetics. Use when building UI components, pages, or applications.
thumbnail-creator
by mohitagw15856
"Generate article or newsletter thumbnail candidates using the Gemini API from inside Claude Code. Claude reads article copy, proposes composition concepts, writes image generation prompts incorporating brand specs, calls Gemini to generate the images, evaluates the results via computer vision, and returns ranked candidates with rationale. Use when asked to create thumbnails, generate cover images, or produce visual candidates for an article or newsletter."
Costco
by imoonkey
Two distinct authToken formats. PDP add uses a Microsoft B2C JWT (sessionStorage authToken_<userHash>); cart edits use a WCS userId,signature token (cart-page hidden input). They are not interchangeable.
add-model-provider
by lobehub
Add an AI model provider to LobeHub, including runtime integration, model cards, configuration, branding, documentation, and acceptance. Also use for provider documentation updates; adding models to an existing provider does not require a new provider integration.
compile-latex
by pedrohcgs
Compile a Beamer LaTeX slide deck with XeLaTeX (3 passes + bibtex). Use when user says "compile", "build the slides", "rebuild the PDF", "run latex", "render the tex", or asks why a .tex file isn't producing a PDF. Operates on Slides/*.tex.
design-assistant
by campbellmcgregor
Expert graphic, UI/UX designer for creating mockups, wireframes, and visual designs. Use when user needs help with designing interfaces, creating mockups, prototyping layouts, visual design feedback, design systems, brand identity, choosing colors/typography, or creating graphics. Triggers include "design," "mockup," "wireframe," "UI," "UX," "interface," "visual," "brand," or "prototype."
преза-пять-стилей
by denisagasarov-sketch
Воркфлоу из 5 агентов для вёрстки лекционных презентаций курса «Системный SMM». Принимает текст слайдов, предлагает выбор из 6 стилей (Минимализм, Катин стиль, Энергия и драйв, Игра и азарт, Бунт и провокация, Система и контроль), генерирует HTML-мокап с арт-критикой до балла 8/10, конвертирует в SVG для Figma со встроенными шрифтами и QA-сверкой. Использовать когда пользователь упоминает: слайды, презентация, вёрстка слайдов, лекция, мокап, SVG для Figma, распределить текст по слайдам.
linkedin-solopreneur-skill
by ahsanishaq721
Personal Brand & AI Agency Strategist for n8n Workflow Experts. Powered by Justin Welsh's "Niche of One" philosophy. Activate with /post [topic], /comment [content], /outreach [person/goal], /profile [section], /ideate, or /newsletter [topic]. Use this skill whenever the user wants to write LinkedIn posts, comments, outreach messages, newsletter content, or build their personal brand as an AI automation expert.
update-architectural-diagrams
by Tzeusy
Regenerate the project's Excalidraw architecture documentation by surveying the current codebase, diffing against existing diagrams in docs/diagrams/, and emitting a beads epic whose children each instruct a worker to produce or update one diagram via /excalidraw-diagram. Use when architecture has changed, new butlers or modules have been added, or the user asks to refresh, regenerate, or update architectural diagrams.
brand-monitoring
by nexscope-ai
"Brand monitoring tool for tracking mentions across social media platforms. Monitor Reddit, Google News, YouTube, and DuckDuckGo for brand mentions. Includes sentiment analysis, trend tracking, crisis detection, and competitor comparison. No API key required for basic monitoring."
ux-concepts
by ShintaroaSuzuki
Understand and apply psychological concepts to create superior user experiences (UX) in frontend design.
ai-seo
by LeoYeAI
"When the user wants to optimize content for AI search engines, get cited by LLMs, or appear in AI-generated answers. Also use when the user mentions 'AI SEO,' 'AEO,' 'GEO,' 'LLMO,' 'answer engine optimization,' 'generative engine optimization,' 'LLM optimization,' 'AI Overviews,' 'optimize for ChatGPT,' 'optimize for Perplexity,' 'AI citations,' 'AI visibility,' 'zero-click search,' 'how do I show up in AI answers,' 'LLM mentions,' or 'optimize for Claude/Gemini.' Use this whenever someone wants their content to be cited or surfaced by AI assistants and AI search engines. For traditional technical and on-page SEO audits, see seo-audit. For structured data implementation, see schema-markup."
ui-orchestrator
by ab300819
UI/UX skill dispatcher that routes to specialized external skills based on project needs. Use when working on UI development, design systems, or frontend tasks. Triggers on keywords like "UI", "界面", "前端", "组件", "animation", "动画", "layout", "布局", "SwiftUI".
cognytia-brand
by xuarez29
Aplica la identidad de marca completa de CognytIA Solutions al generar cualquier tipo de contenido: posts de LinkedIn, presentaciones, propuestas de venta, emails, copy de landing pages, guiones, o cualquier pieza de comunicación. Usa este skill SIEMPRE que el usuario pida crear contenido para CognytIA, mencione "en estilo Cognytia", pida un post, una presentación, una propuesta, o cualquier material de comunicación de la agencia. También actívate cuando el usuario diga "escríbelo como Cognytia" o "con nuestro tono". Este skill define voz, tono, estilo visual y principios de diseño — el agente adapta el formato según el medio (LinkedIn, PPTX, propuesta, etc.).
typeset
by educlopez
"Typography pass covering font choice, modular scale, tracking, leading, weight hierarchy, and micro-typography details. Use when fonts feel generic (default Inter with no reason), the scale is ad hoc, hierarchy is flat, or the user says \"fix the typography\" / \"the text doesn't feel right\". Invoke when the user asks for typeset on their UI, or mentions 'typeset' alongside design / UI / frontend work."
tailwind-design-system
by Jackiexiao
（中文）Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.
realtime-ux
by hwatkins
UX patterns for building real-time interfaces with Phoenix LiveView — the human side of real-time that's harder than the technical side. Use this skill whenever building features that involve: optimistic UI updates, presence indicators (who's online, typing indicators, live cursors), conflict resolution when multiple users edit the same data, graceful degradation on WebSocket disconnect, loading/skeleton states, real-time notifications, collaborative editing, or any LiveView feature where latency, concurrent users, or connection reliability affects user experience. Also trigger when the user mentions "optimistic UI", "presence", "typing indicator", "disconnect handling", "skeleton state", "loading state", "concurrent editing", "real-time UX", or asks how to make a LiveView feature "feel instant" or "handle offline gracefully".
naming
by Harlinbasal72
Name products, SaaS, brands, open source projects, bots, and apps. Use when the user needs to name something, find a brand name, or pick a product name. Metaphor-driven process that produces memorable, meaningful names and avoids AI slop.
chakra-ui-builder
by chakra-ui
Build responsive, accessible UI components and layouts using Chakra UI v3, install or configure Chakra UI in new and existing projects, and design scalable themes using tokens, semantic tokens, recipes, and slot recipes. Use this skill whenever a user asks to build, create, or generate any UI component, page, form, dashboard, navbar, card, landing section, pricing table, or layout using Chakra UI; wants to add Chakra UI to a project, set up ChakraProvider, run CLI snippets, configure color mode, or fix provider wrapping; or asks about theming — defining brand colors, design tokens, semantic tokens, dark mode values, component recipes, slot recipes, typegen, or ejecting the default theme. Trigger on any Chakra UI building, setup, or theming or charts request, however casually phrased — "add my brand colors", "make a reusable card style", "build a bar chart", "show me a line chart", "make me a login form", "build a sidebar", "add Chakra to my app".
ui
by Unity-Technologies
Unity UI expert for menus, HUDs, screens, panels, buttons, labels, and all visual interface elements. Handles questions about UI in scenes or prefabs (how many elements, what exists, structure analysis), styling changes (colors, borders, backgrounds, fonts, spacing, rounded corners), layout adjustments, and UI generation. Routes to UI Toolkit, uGUI, or IMGUI based on project context.
devdocs-insights
by ab300819
Collect improvement insights from UI/UX reviews, document research, or external references, convert confirmed items into development requirements. Use when users have optimization suggestions, research findings, or want to improve based on external references. Triggers on keywords like "insights", "improvements", "optimize", "review findings", "research", "借鉴", "优化建议", "审查结果", "调研".
biomedical-visualization-analysis
by r-ruser
Selects an appropriate statistical/bioinformatics analysis and publication-grade visualization for biomedical data. Excludes maps. On activation, the first action is to require the user to choose exactly one backend: R or Python.