设计与 UI

界面设计、视觉系统和产品 UI

991 个 Skills 可用

显示 24 个结果

layer-3d

Use when producing 3D assets with Layer: generating a mesh from text or an image, retopologising or remeshing, retexturing an existing mesh, rigging a character, or animating a rigged mesh. Also when choosing between quad and triangle output, setting a polygon budget, or asking for PBR textures for a game engine. Keywords: 3D, mesh, model, text to 3D, image to 3D, remesh, retopology, retexture, rig, skeleton, animate, PBR, quad mesh, poly count, glTF, FBX.

layerai

获取

layer-audio

4design-ui

Use when generating audio with Layer: sound effects for a game or trailer, music and background tracks, or speech and voice-over from text. Also when a sound effect comes back with unwanted ambience or reverb, when a music prompt needs structure or length control, or when choosing a voice and delivery for narration. Keywords: SFX, sound effect, foley, UI sound, music, soundtrack, loop, text to speech, TTS, voice over, narration.

layerai

获取

layer-video-timeline

4design-ui

Use when assembling assets a user already has into one finished video with Layer: sequencing clips, adding transitions, overlaying text, captions, a logo or a CTA, layering music or voice-over, or cutting a trailer, ad, or promo from generated shots. Also when a multi-shot piece needs to become a single deliverable file. Keywords: video editor, timeline, assemble, stitch, sequence, concatenate, transitions, overlay, captions, CTA, trailer, montage, render.

layerai

获取

layer-reference-sets

4design-ui

Use when a look must hold across many Layer generations: training a custom style or LoRA on a studio's own artwork, curating the images that go into a reference set, choosing its training category, tuning reference-set weight on a run, or deciding whether to train at all rather than attach a style reference. Also when a trained style produces weak, inconsistent, or silently ignored results. Keywords: LoRA, custom model, trained style, reference set, consistency, on-model, art direction, dataset.

layerai

获取

layer-art-direction

4design-ui

Use when a Layer brief needs a direction before generating at volume: exploring a look with a moodboard, choosing between visual directions, storyboarding an ad, trailer or cutscene, pinning a colour palette, naming a style or era precisely, or framing a scene. Also when a brief is vague or generations keep missing an unstated intent. Keywords: art direction, moodboard, style exploration, storyboard, panels, beats, palette, composition, framing, era, reference.

layerai

获取

layer-game-assets

4design-ui

Use when producing in-game art with Layer: characters, heroes, NPCs, enemies and mascots, environment and background concept art, parallax layers, or game UI such as icons, buttons, frames, panels, HUD elements and currency symbols. Also when a cast must stay on-model across many images, when an icon must read at 64px, or when a character must be split into parts for a skeletal rig. Keywords: character art, NPC, enemy, concept art, background, parallax, game UI, HUD, icon set, Spine, rigging.

layerai

获取

mies

3design-ui

在创建、重新设计、评审、精简、打磨、加固或做出面向用户的界面、品牌表面、产品UI、组件、仪表盘、流程、应用外壳、引导页、空状态或视觉系统的设计决策时，使用此技能。应用密斯·凡·德·罗式的克制、界面工艺工作流和反通用设计原则。不适用于纯后端工作。

deeflect

获取

designing-beautiful-websites

3design-ui

Designs UX/UI for websites and web apps: UX strategy, information architecture, user flows, wireframes, UI systems, component specs, and polished visual design. Use when the user asks to design, redesign, modernise, critique, or improve a website, landing page, web app interface, design system, style guide, or UI kit.

tristanmanchester

获取

douyin-viral-content

3design-ui

抖音爆款文案智能生成器。当用户说"生成新文案"、"创作抖音内容"、"写短视频文案"时自动触发。自动执行：(1) 读取历史数据分析 (2) 应用9大爆款要素优化 (3) 多维度打分评估 (4) 自动迭代优化直到达到5星标准 (5) 智能预估播放量 (6) 输出完整优化文案。完全自动化，无需手动指定任何分析或优化任务。

vickyhan924

获取

gpt-image-2

2design-ui

使用 RunComfy 上的 OpenAI GPT Image 2（ChatGPT Images 2.0）生成和编辑图像。本文档介绍了 GPT Image 2 的优势（嵌入文本、标志、多语言排版、指令精确性）、其 3 种固定尺寸、保留性编辑语言，以及何时应转向其他模型（Flux 2 / Nano Banana Pro / Seedream）。通过本地 RunComfy CLI 调用 `runcomfy run openai/gpt-image-2/text-to-image` 或 `/edit`。触发词包括 "gpt image 2"、"gpt-image-2"、"ChatGPT Images 2"、"image 2" 或任何明确要求使用此模型生成或编辑的请求。

doany-ai

获取

gpt-image-2

2design-ui

使用 RunComfy 上的 OpenAI GPT Image 2（ChatGPT Images 2.0）生成和编辑图像。文档介绍了 GPT Image 2 的优势（嵌入文本、徽标、多语言排版、指令精确性）、三种固定尺寸、保留性编辑语言，以及何时转向其他模型（Flux 2 / Nano Banana Pro / Seedream）。通过本地 RunComfy CLI 调用 `runcomfy run openai/gpt-image-2/text-to-image` 或 `/edit`。触发词包括 "gpt image 2"、"gpt-image-2"、"ChatGPT Images 2"、"image 2" 或任何明确要求使用此模型生成或编辑的请求。

runcomfy-com

获取

crm-builder

2design-ui

Customer Relationship Management (CRM) vertical skill for the Customware SPA. Defines the section layout, entity views, and mapping rules for transforming a DOMAIN.md into a CRM tool. Use this skill when the Builder Agent classifies a customer's domain as contact management, sales pipeline, deal tracking, or customer relationship workflows. Trigger signals: contacts, leads, deals, pipeline, follow-ups, opportunities, accounts, customer data everywhere, can't track who talked to whom, sales process, referrals.

customware-ai

获取

cpq-builder

2design-ui

Configure-Price-Quote (CPQ) vertical skill for the Customware SPA. Defines patterns, minimum standards, layout patterns, lifecycle indicators, product configurator patterns, business rule templates, and mapping rules for transforming a DOMAIN.md into a CPQ-shaped application. Targeted at SMB customers (5-50 employees) migrating from spreadsheets and email-based quoting workflows. The prototype must feel dramatically better than Excel without feeling enterprise-overcomplicated. Patterns are defaults, not mandates — adapt them when the actual workflow deviates. Trigger signals: quoting, pricing, product configuration, calculators, guided intake forms, assessment tools, estimate builders, proposal workflows, eligibility checkers, any "fill in fields → calculate → produce a deliverable" pattern.

customware-ai

获取

pagespeed-insights

2design-ui

Audit web pages for performance optimization following PageSpeed Insights guidelines. Use when analyzing page performance, optimizing web applications, reviewing performance metrics, implementing Core Web Vitals improvements, or when the user mentions page speed, performance optimization, Lighthouse scores, or Core Web Vitals.

enderpuentes

获取

create-pr

2design-ui

Conventional Commits 形式で GitHub PR を作成する。OWASP Top 10 のセキュリティチェック必須で、問題があれば PR 作成を中止。Summary/Test plan/Design を含む body を生成。「PR 作って」「プルリク」「`gh pr create`」などで使用。別リポジトリ (upstream) への貢献は contribute-skill。

fandhe-ai

获取

screensdesign-data

2design-ui

Research mobile apps, broader-market competitors, positioning, public App Store reviews, onboarding, paywalls, recorded screens, user flows, App Store creatives, developers, and saved collections through the ScreensDesign MCP. Use when the user asks for mobile product or market research, app ideas, competitor comparisons, revenue/download evidence, review pain points or sentiment, UI references, visual similarity, sequence analysis, or ScreensDesign MCP setup and skill updates.

screensdesign-com

获取

app-marketplace-listing-standards

2design-ui

Write the listing-content rulebook for the operator of a B2B SaaS app marketplace - the standard every third-party listing must meet, covering required fields with objective reject criteria, screenshot and video specs, description quality bars, category taxonomy design, localization posture, badge display rules, and staleness/decay enforcement. Use whenever the user mentions listing standards, a listing rubric or marketplace quality bar, screenshot or media requirements, marketplace categories, rejection criteria, or delisting stale listings - even if they never say "listing standards". Operator side only. Do NOT use for optimizing a vendor's own listing - use samber/developer-platform-skills@integration-listing-optimization instead.

samber

获取

Desktop Control

1design-ui

控制鼠标、键盘和屏幕，用于桌面自动化任务

patrickporto

获取

limrun-ios-simulator

1design-ui

Drive an app running on a Limrun cloud iOS simulator: launch, tap, type, read the accessibility element tree, screenshot, record video, and run timed action chains. Use after a build (from any builder) when the user wants to see, test, or interact with their app on a simulator, or says 'show me a screenshot', 'tap', 'run the UI test', 'record a video', or 'launch on simulator'. To build the app first, use limrun-xcode-bazel (Bazel workspaces) or limrun-xcode (xcodebuild projects).

limrun-inc

获取

validate-implementation-plan

1design-ui

Audits an implementation plan for requirements traceability, avoidable complexity, risky assumptions, and evidence gaps. Use when reviewing an AI-generated or human-authored plan, design proposal, implementation outline, task breakdown, or architecture plan and the user wants a standalone audit report without overwriting the source plan.

b-mendoza

获取

recharts

1design-ui

Build composable, responsive React charts with Recharts library. Use when creating data visualizations including line charts, area charts, bar charts, pie charts, scatter plots, and composed charts. Handles chart customization, responsive sizing, tooltips, legends, axes configuration, performance optimization, and accessibility.

andy-spike

获取

ui-doctor

1design-ui

Audit and review application UI for IDS compliance, accessibility, usability, and cognitive load. Covers component usage validation, WCAG accessibility checks, cognitive load assessment, and UX quality evaluation. Use when asked to review UI, check accessibility, assess usability, audit IDS compliance, or when the user says "review this page", "check a11y", or "is this accessible?"