设计与 UI

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

816 個 Skills 可用

Skills 列表

designing-beautiful-websites

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 avatartristanmanchester
獲取
douyin-viral-content

douyin-viral-content

3design-ui

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

vickyhan924 avatarvickyhan924
獲取
gpt-image-2

gpt-image-2

2design-ui

>

doany-ai avatardoany-ai
獲取
gpt-image-2

gpt-image-2

2design-ui

>

runcomfy-com avatarruncomfy-com
獲取
crm-builder

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 avatarcustomware-ai
獲取
cpq-builder

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 avatarcustomware-ai
獲取
pagespeed-insights

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 avatarenderpuentes
獲取
create-pr

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 avatarfandhe-ai
獲取
screensdesign-data

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 avatarscreensdesign-com
獲取
app-marketplace-listing-standards

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 avatarsamber
獲取
Desktop Control

Desktop Control

1design-ui

Control mouse, keyboard, and screen for desktop automation tasks

patrickporto avatarpatrickporto
獲取
limrun-ios-simulator

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 avatarlimrun-inc
獲取
validate-implementation-plan

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 avatarb-mendoza
獲取
recharts

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 avatarandy-spike
獲取
ui-doctor

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

iress avatariress
獲取
browser-screenshot

browser-screenshot

0design-ui

Take focused, region-specific screenshots from web pages using a dedicated headed Chrome profile with persistent login state. Navigates to the right page based on user context (URL, search query, social media post), locates the target region via DOM selectors, and crops to a clean, focused screenshot without attaching to the user's daily browser.

zc277584121 avatarzc277584121
獲取
raw-video-processing

raw-video-processing

0design-ui

Post-process raw screen recordings by removing silent segments and applying speed adjustments. Uses FFmpeg-based Python scripts to optimize video pacing automatically.

zc277584121 avatarzc277584121
獲取
video-to-gif

video-to-gif

0design-ui

Convert a video to multiple GIF variants with different quality/size tradeoffs. Generates a comparison set so the user can visually pick the best result.

zc277584121 avatarzc277584121
獲取
design-mobile-apps

design-mobile-apps

0design-ui

Use when the user wants to design a mobile app or UI screens, when they mention their Sleek (sleek.design) projects, or when implementing Sleek designs in code (HTML, React Native, SwiftUI).

designed-by-ai avatardesigned-by-ai
獲取
ad-creative-fatigue

ad-creative-fatigue

0design-ui

Decide whether a running ad creative is genuinely wearing out, or whether a confounder - budget change, learning-phase reset, audience saturation, auction CPM inflation, seasonality, tracking breakage - explains the decline, and return a verdict with confidence plus the highest-return remedy per unit of effort. Use whenever the user mentions creative or ad fatigue, wear-out, climbing frequency, dropping CTR, a rising CPA on an older ad, when to refresh creative, or whether to kill an ad - even if they never say 'fatigue'. Covers B2B and B2C across search, social, video, and native. Ends at the verdict: replacement creative belongs to mbfinotti/advertising-skills@ad-copy-variants and mbfinotti/advertising-skills@ugc-ad-scripts.

mbfinotti avatarmbfinotti
獲取
paid-landing-page-audit

paid-landing-page-audit

0design-ui

Audit a landing page receiving paid traffic against post-click conversion best practice and return a prioritised fix list - message match to the ad, above-the-fold clarity, form friction, trust, speed, mobile, policy risk - with every finding labelled by evidence class and no statistical claims on thin data. Use whenever the user says their ads get clicks but no conversions, asks why a landing page isn't converting, or mentions post-click experience, message match, conversion friction, form friction, or CPA rising after the click - even if they never say 'landing page audit'. Covers B2B and B2C on any platform. Audit only. Do NOT use for pre-click account problems - use mbfinotti/advertising-skills@ad-account-diagnostic instead.

mbfinotti avatarmbfinotti
獲取
ad-hook-analyzer

ad-hook-analyzer

0design-ui

Score and force-rank the openings of candidate video ads - from a script, transcript, storyboard, shot list, or a description of a finished cut - to decide which hooks deserve test budget, returning a ranked shortlist within the batch rather than an absolute performance prediction. Use whenever the user mentions a hook, the first 3 seconds, an ad opening, hook rate, thumbstop, attention scoring, or asks which hook to test or whether a hook works - even if they never say 'hook analyzer'. Covers B2B and B2C on any platform. Ends at the ranking: writing the scripts themselves is mbfinotti/advertising-skills@ugc-ad-scripts and static copy is mbfinotti/advertising-skills@ad-copy-variants.

mbfinotti avatarmbfinotti
獲取
ad-format-fit

ad-format-fit

0design-ui

Flag ad formats that are a poor fit or commonly misused for a given objective and platform - formats the objective does not even expose, formats built for a different funnel stage, formats the team cannot produce - then, post-launch, separate a format problem from a creative or targeting problem. Use whenever the user asks which ad format to use, mentions carousel, Stories, in-feed vs in-stream video, a funnel-stage mismatch, a pre-launch format check, or says a format 'isn't working' - even if they never say 'format fit'. Covers B2B and B2C, with explicit launch blockers. Do NOT use to choose the channel itself (mbfinotti/advertising-skills@ad-platform-selection) or to brief the creative (mbfinotti/advertising-skills@ad-creative-brief).

mbfinotti avatarmbfinotti
獲取
ad-copy-variants

ad-copy-variants

0design-ui

Turn one core value proposition into genuinely distinct ad copy variants - headline, primary text, description, and CTA combinations - each labelled with angle, awareness stage, formula, and version so test results stay attributable. A real variant is a new angle, never a reworded line. Use whenever the user asks to write ad copy, needs headline or CTA variations, wants copy to A/B test, has ads that all sound the same, or needs a search ad headline set or an ML asset pool - even if they never say 'variants'. Covers B2B and B2C. Do NOT use for video or creator scripts (mbfinotti/advertising-skills@ugc-ad-scripts), a designer brief (mbfinotti/advertising-skills@ad-creative-brief), or test design (mbfinotti/advertising-skills@ad-creative-test-plan).

mbfinotti avatarmbfinotti
獲取