设计

UI/UX 方向、视觉设计与设计系统

显示 2161-2184 / 共 3105 个技能
rampstackco

domain-strategy

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."

设计 798 4个月前
nexscope-ai

ecommerce-branding

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."

设计 835 5个月前
hwatkins

frontend-design

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.

动画 0 6个月前
mohitagw15856

thumbnail-creator

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."

设计 1320 3个月前
imoonkey

Costco

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.

设计 56 4个月前
lobehub

add-model-provider

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.

代码评审 8.2万 1天前
pedrohcgs

compile-latex

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.

设计 1544 4个月前
campbellmcgregor

design-assistant

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."

代码生成 0 10个月前
denisagasarov-sketch

преза-пять-стилей

denisagasarov-sketch

Воркфлоу из 5 агентов для вёрстки лекционных презентаций курса «Системный SMM». Принимает текст слайдов, предлагает выбор из 6 стилей (Минимализм, Катин стиль, Энергия и драйв, Игра и азарт, Бунт и провокация, Система и контроль), генерирует HTML-мокап с арт-критикой до балла 8/10, конвертирует в SVG для Figma со встроенными шрифтами и QA-сверкой. Использовать когда пользователь упоминает: слайды, презентация, вёрстка слайдов, лекция, мокап, SVG для Figma, распределить текст по слайдам.

设计 0 3个月前
ahsanishaq721

linkedin-solopreneur-skill

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.

注释 0 4个月前
Tzeusy

update-architectural-diagrams

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.

设计 0 2个月前
nexscope-ai

brand-monitoring

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."

设计 835 5个月前
ShintaroaSuzuki

ux-concepts

ShintaroaSuzuki

Understand and apply psychological concepts to create superior user experiences (UX) in frontend design.

代码生成 0 8个月前
LeoYeAI

ai-seo

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."

设计 1041 5个月前
ab300819

ui-orchestrator

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".

设计 0 7个月前
xuarez29

cognytia-brand

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.).

设计 0 4个月前
educlopez

typeset

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."

设计 297 1个月前
Jackiexiao

tailwind-design-system

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.

数据处理 0 6个月前
hwatkins

realtime-ux

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".

数据处理 0 6个月前
Harlinbasal72

naming

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.

CLI 工具 0 5个月前
chakra-ui

chakra-ui-builder

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".

设计 4.1万 4个月前
Unity-Technologies

ui

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.

设计 601 1个月前
ab300819

devdocs-insights

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", "借鉴", "优化建议", "审查结果", "调研".

调试 0 7个月前
r-ruser

biomedical-visualization-analysis

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.

设计 1 11天前