设计与 UI
界面设计、视觉系统和产品 UI
Skills 列表

ui-designer
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
threejs-game-director
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
threejs-game-ui-designer
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
threejs-aaa-graphics-builder
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
threejs-gameplay-systems
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
app-store-preflight-skills
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
better-ui
设计工程原则,让界面感觉更精致。在构建UI组件、审查前端代码、实现动画、悬停状态、阴影、边框、微交互、进入/退出动画、选择或审查图标,或任何视觉细节工作时使用。触发条件:UI打磨、设计细节、“让它感觉更好”、“感觉不对劲”、交错动画、边框半径、光学对齐、图像轮廓、盒阴影、图标、图标描边粗细、图标状态、动效克制。
jakubkrehel
better-typography
Web 排版,涵盖字体选择、间距、换行和可访问性。在挑选或搭配字体、配置可变字体或 OpenType 特性、设置字号层级、检查标题层级、为组件中的文本设置样式、截断文本、设置下划线、选中状态、占位符或光标样式,或审查前端代码中的排版时使用。触发条件:排版、字体、字体格式、woff2、可变字体、font-weight、opentype、font-feature-settings、letter-spacing、line-height、字号层级、标题层级、标题级别、表格数字、text-wrap、截断、line clamp、下划线、text-decoration、文本选中、iOS 输入缩放、字体平滑、文本对比度、行长、行宽、text-box、智能标点、首字下沉。
jakubkrehel
portfolio-case-study-writer
将简历要点转化为详细的投资组合案例研究
paramchoudhary
creative-portfolio-resume
在视觉设计与ATS兼容性之间取得平衡,适用于创意岗位
paramchoudhary
stakeholder-alignment
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
evaluating-trade-offs
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
career-transitions
Help users evaluate new opportunities, manage professional identity shifts, and transition into roles that maximize both impact and personal fulfillment.
refoundai
retention-engagement
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
design-dna
跨三个维度提取、定义并应用设计基因(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
ai-product-strategy
帮助用户明确如何高效落地 AI,妥善应对从确定性软件向概率性软件的范式转变,并借助垂直深耕与独家私有数据构建长期的竞争壁垒。
refoundai
writing-prds
帮助用户将抽象想法转化为可执行的项目规格,使工程和设计团队在问题与成功指标上达成一致。
refoundai
qiaomu-mondo-poster-design
一句话生成大师级海报、书籍封面、专辑封面和各类设计作品。无需懂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
csharp-concurrency-patterns
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
ai-image-prompts-skill
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
compose-performance
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
manimce-best-practices
触发条件:(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
swift-formatstyle
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
focus-engine
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