设计与 UI

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

638 个 Skills 可用

Skills 列表

ui-designer

ui-designer

1.4Kdesign-ui

Extract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users provide UI screenshots/mockups and want to create consistent designs, generate design systems, or build MVP UIs matching reference aesthetics.

daymade avatardaymade
获取
threejs-game-director

threejs-game-director

1.3Kdesign-ui

Primary entrypoint for complete Three.js browser game creation and premium iteration. Use by default for build-a-game, upgrade, polish, premium, AAA, high-fidelity, showcase, from-scratch, endless runner, arcade, action, or release-ready requests. Orchestrates sibling skills for gameplay, AAA graphics, UI, debug/profile, and QA/release, plus 3D/image/audio generators for characters, vehicles, weapons, buildings, props, skies, textures, logos, icons, GUI art, and SFX/voice. Keeps skill-loading, reference, asset-sourcing, and phase ledgers so users never choose skills manually.

majidmanzarpour avatarmajidmanzarpour
获取
threejs-game-ui-designer

threejs-game-ui-designer

1.3Kdesign-ui

Design premium Three.js game UI. Use for HUDs, menus, overlays, pause/win/lose screens, settings, icon controls, touch UI, typography, responsive layout, safe areas, text fit, and UI/world cohesion.

majidmanzarpour avatarmajidmanzarpour
获取
threejs-aaa-graphics-builder

threejs-aaa-graphics-builder

1.3Kdesign-ui

Upgrade Three.js games from basic/prototype visuals to premium AAA-inspired browser graphics. Combines art-direction critique, procedural model building, technical art, mandatory external asset sourcing decisions, threejs-3d-generator assets, threejs-image-generator concept/texture workflows, scene visual polish, material/texture libraries, world prop kits, shaders, VFX readability, render budgets, LOD/instancing, render pipeline, and visual scorecard gates. For premium games with characters, vehicles, ships, weapons, buildings, signature props, skies, textures, decals, logos, icons, or GUI art, load the relevant generator skills before deciding procedural assets are enough.

majidmanzarpour avatarmajidmanzarpour
获取
threejs-gameplay-systems

threejs-gameplay-systems

1.3Kdesign-ui

Build and iterate playable Three.js game systems. Combines starter scaffold creation, architecture, game design, level design, gameplay implementation, combat/encounter design, and game-feel tuning (hitstop, screenshake, easing, impact feedback). Use for first playable slices, new Vite/TypeScript/Three.js game setup, design briefs, core loops, level/arena/track/wave/hole/puzzle design, game loops, entity systems, input, collision/physics, scoring, objectives, audio hooks, camera, controls, difficulty, feedback, juice, and maintainable structure.

majidmanzarpour avatarmajidmanzarpour
获取
app-store-preflight-skills

app-store-preflight-skills

1.3Kdesign-ui

Scan an iOS/macOS Xcode project for common App Store rejection patterns before submission. Use when preparing an app for App Store review, after receiving a rejection from Apple, or when auditing metadata, subscriptions, privacy manifests, entitlements, or design compliance. Integrates with the asc CLI for metadata inspection.

truongduy2611 avatartruongduy2611
获取
better-ui

better-ui

1.3Kdesign-ui

设计工程原则,让界面感觉更精致。在构建UI组件、审查前端代码、实现动画、悬停状态、阴影、边框、微交互、进入/退出动画、选择或审查图标,或任何视觉细节工作时使用。触发条件:UI打磨、设计细节、“让它感觉更好”、“感觉不对劲”、交错动画、边框半径、光学对齐、图像轮廓、盒阴影、图标、图标描边粗细、图标状态、动效克制。

jakubkrehel avatarjakubkrehel
获取
better-typography

better-typography

1.3Kdesign-ui

Web 排版,涵盖字体选择、间距、换行和可访问性。在挑选或搭配字体、配置可变字体或 OpenType 特性、设置字号层级、检查标题层级、为组件中的文本设置样式、截断文本、设置下划线、选中状态、占位符或光标样式,或审查前端代码中的排版时使用。触发条件:排版、字体、字体格式、woff2、可变字体、font-weight、opentype、font-feature-settings、letter-spacing、line-height、字号层级、标题层级、标题级别、表格数字、text-wrap、截断、line clamp、下划线、text-decoration、文本选中、iOS 输入缩放、字体平滑、文本对比度、行长、行宽、text-box、智能标点、首字下沉。

jakubkrehel avatarjakubkrehel
获取
portfolio-case-study-writer

portfolio-case-study-writer

1.3Kdesign-ui

将简历要点转化为详细的投资组合案例研究

paramchoudhary avatarparamchoudhary
获取
creative-portfolio-resume

creative-portfolio-resume

1.3Kdesign-ui

在视觉设计与ATS兼容性之间取得平衡,适用于创意岗位

paramchoudhary avatarparamchoudhary
获取
stakeholder-alignment

stakeholder-alignment

1.2Kdesign-ui

Help users master the art of leading without formal authority by identifying stakeholder incentives, neutralizing conflict through connection, and using co-creation to build shared ownership.

refoundai avatarrefoundai
获取
evaluating-trade-offs

evaluating-trade-offs

1.2Kdesign-ui

Help users navigate complex product decisions by weighing competing priorities and calculating long-term value. This skill covers build-vs-buy logic, technical debt evaluation, and communicating tradeoffs to senior leadership.

refoundai avatarrefoundai
获取
career-transitions

career-transitions

1.2Kdesign-ui

Help users evaluate new opportunities, manage professional identity shifts, and transition into roles that maximize both impact and personal fulfillment.

refoundai avatarrefoundai
获取
retention-engagement

retention-engagement

1.2Kdesign-ui

Help users identify the drivers of long-term retention and implement behavioral mechanics that keep customers coming back. This guide focuses on measuring the survival curve of users and optimizing the product environment for high frequency usage.

refoundai avatarrefoundai
获取
design-dna

design-dna

1.2Kdesign-ui

跨三个维度提取、定义并应用设计基因(Design DNA):设计系统(Tokens)、设计风格(主观感知)和视觉特效(Canvas、WebGL、3D、粒子、着色器 Shader、滚动特效等)。当出现以下情况时使用此 Skill:(1)用户想查看完整的三维设计架构/Schema;(2)用户提供了参考设计的图片、截图或 URL 链接,希望将其分析并提取为涵盖这三个维度的结构化 JSON 配置;(3)用户已拥有 Design DNA JSON 和具体内容,希望据此生成设计;(4)上述场景的任意组合。触发词包括:"design DNA"、"extract design style"、"analyze design"、"design tokens from reference"、"generate design from JSON"、"design system from screenshot"、"design profile"、"style guide JSON"、"visual effects analysis"、"design with effects"、"3d design analysis"。

zanwei avatarzanwei
获取
ai-product-strategy

ai-product-strategy

1.2Kdesign-ui

帮助用户明确如何高效落地 AI,妥善应对从确定性软件向概率性软件的范式转变,并借助垂直深耕与独家私有数据构建长期的竞争壁垒。

refoundai avatarrefoundai
获取
writing-prds

writing-prds

1.2Kdesign-ui

帮助用户将抽象想法转化为可执行的项目规格,使工程和设计团队在问题与成功指标上达成一致。

refoundai avatarrefoundai
获取
qiaomu-mondo-poster-design

qiaomu-mondo-poster-design

1.2Kdesign-ui

一句话生成大师级海报、书籍封面、专辑封面和各类设计作品。无需懂PS、配色或艺术史,AI自动选择最佳风格(基于33+位传奇设计师)。支持多平台多比例:公众号封面(21:9)、小红书配图(3:4)、文章配图(16:9)、书籍封面(9:16)、专辑封面(1:1)、电影海报(9:16)。包含AI提示词优化、风格对比、图生图转换功能。触发词:"Mondo风格"、"书籍封面设计"、"专辑封面"、"海报设计"、"读书笔记配图"、"公众号封面"、"小红书配图"、"文章配图"。One-sentence generation of master-level posters, book covers, album covers and designs. 33+ legendary designer styles with multi-platform aspect ratio support (21:9, 16:9, 3:4, 1:1, 9:16).

joeseesun avatarjoeseesun
获取
csharp-concurrency-patterns

csharp-concurrency-patterns

1.1Kdesign-ui

Choosing the right concurrency abstraction in .NET - from async/await for I/O to Channels for producer/consumer to Akka.NET for stateful entity management. Avoid locks and manual synchronization unless absolutely necessary.

aaronontheweb avataraaronontheweb
获取
ai-image-prompts-skill

ai-image-prompts-skill

1.1Kdesign-ui

Recommend curated prompts from a 10,000+ real-world image generation prompt library. Works with ANY AI image model — Nano Banana Pro, Nano Banana 2, Seedream 5.0, GPT Image 1.5, Midjourney, DALL-E 3, Flux, Stable Diffusion, and more. Use this skill when users want to: - Find proven image generation prompts (any model) - Get prompt inspiration for portraits, products, social media, posters, etc. - Create illustrations for articles, videos, podcasts, or marketing content - Browse categorized prompt templates with sample images - Translate and understand prompt techniques

youmind-openlab avataryoumind-openlab
获取
compose-performance

compose-performance

1Kdesign-ui

Use when investigating Jetpack Compose recomposition cost, compiler stability reports, skippability, unstable parameters, frame-rate State reads, cross-phase snapshot back-writing, or @ReadOnlyComposable contracts.

chrisbanes avatarchrisbanes
获取
manimce-best-practices

manimce-best-practices

1Kdesign-ui

触发条件:(1) 用户提及“manim”、“Manim Community”或“ManimCE”;(2) 代码中包含 `from manim import *`;(3) 用户执行 `manim` 命令行指令;(4) 使用 Scene、MathTex、Create() 等 ManimCE 专属类。 Manim Community 社区维护版 Python 数学/科学动画引擎最佳实践指南。内容涵盖 Scene 场景结构、动画效果、LaTeX/MathTex 公式渲染、ThreeDScene 3D 动画、镜头控制、样式配置以及 CLI 命令行用法。 注意:不适用于 ManimGL / 3b1b 个人版本(该版本使用 `manimlib` 导包和 `manimgl` CLI 命令行)。

adithya-s-k avataradithya-s-k
获取
swift-formatstyle

swift-formatstyle

1Kdesign-ui

Formats and parses locale-aware numbers, decimals, currencies, percentages, dates, durations, measurements, names, lists, byte counts, and URLs with Foundation FormatStyle and ParseableFormatStyle. Use when replacing legacy Formatter subclasses, designing reusable format APIs, using SwiftUI Text(_:format:), correcting availability, or testing user-facing formatted output across locales.

dpearson2699 avatardpearson2699
获取
focus-engine

focus-engine

1Kdesign-ui

Implements keyboard, directional, and scene-level focus behavior across SwiftUI and UIKit. Use when managing @FocusState, defaultFocus, focused values, focusable interactions, focus sections, tvOS geometric focus and Siri Remote navigation, watchOS Digital Crown input, visionOS connected-device focus versus gaze hover/input targets, macOS key view loop and Full Keyboard Access, focus restoration after presentation changes, custom focus routing with UIFocusGuide, or debugging focus with UIFocusDebugger.

dpearson2699 avatardpearson2699
获取