设计与 UI

swiftui-expert-skill

3.1Kdesign-ui

Use when writing, reviewing, or refactoring SwiftUI code for iOS or macOS, including state management and `@Observable` data flow, view composition and invalidation/performance, lists and `ForEach` identity, environment usage, localization, animations, Liquid Glass adoption, migrating soft-deprecated APIs, or Instruments `.trace` capture/analysis for hangs, hitches, CPU hotspots, or

avdlee

baoyu-design

Create polished design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing pages, dashboards, app screens, mobile apps, slide decks (a.k.a. PPT / PowerPoint presentations), and visual explorations. Use whenever the user asks to design, mock up, prototype, wireframe, visualize, explore, or make a PPT/deck for an interface, product screen, user flow, content layout, visual artifact, or pitch/deck concept, even if they do not say "design". Also use to export a deck built with this skill to PowerPoint (PPT/PPTX) — but only decks authored here (deck-stage / this skill's slide-structured HTML), NOT arbitrary HTML, so confirm the target is such a deck first. Also use for setting up, importing, or authoring reusable design systems, UI kits, brand tokens, or component libraries. Harness-agnostic for Claude Code, Cursor, Codex Agent, and similar file-capable agents.

jimliu

flutter-fix-layout-issues

Fixes Flutter layout errors (overflows, unbounded constraints) using Dart and Flutter MCP tools. Use when addressing "RenderFlex overflowed", "Vertical viewport was given unbounded height", or similar layout issues.

flutter-build-responsive-layout

Use `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to different screen sizes. Use when you need the UI to look good on both mobile and tablet/desktop form factors.

flutter-add-widget-preview

Adds interactive widget previews to the project using the previews.dart system. Use when creating new UI components or updating existing screens to ensure consistent design and interactive testing.

create-adaptable-composable

Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for creating adaptable or reusable composables.

hyf0

vue-pinia-best-practices

Pinia stores, state management patterns, store setup, and reactivity with stores.

hyf0

create-adaptable-composable

创建一个库级别的 Vue 可组合函数，它接受可能为响应式的输入（MaybeRef / MaybeRefOrGetter），以便调用者可以传入普通值、ref 或 getter。在响应式副作用（watch/watchEffect）内部使用 toValue()/toRef() 规范化输入，以保持行为可预测和响应式。当用户要求创建可适配或可复用的可组合函数时使用此技能。

vuejs-ai

vue-pinia-best-practices

Pinia 存储、状态管理模式、存储设置以及与存储的响应式交互。

vuejs-ai

threejs-postprocessing

Three.js 后期处理 - EffectComposer、泛光、景深、屏幕特效。用于添加视觉效果、色彩校正、模糊、发光或创建自定义屏幕空间着色器。

cloudai-x

threejs-interaction

Three.js 交互 - 射线投射、控制器、鼠标/触摸输入、对象选择。用于处理用户输入、实现点击检测、添加相机控制器或创建交互式 3D 体验。

cloudai-x

emil-design-eng

此技能编码了 Emil Kowalski 关于 UI 打磨、组件设计、动画决策以及让软件体验出色的隐形细节的理念。

emilkowalski

threejs-fundamentals

Three.js 场景设置、摄像机、渲染器、Object3D 层级结构、坐标系。用于设置 3D 场景、创建摄像机、配置渲染器、管理对象层级或处理变换。

cloudai-x

flutter-build-responsive-layout

2.5Kdesign-ui

使用 `LayoutBuilder`、`MediaQuery` 或 `Expanded/Flexible` 创建适应不同屏幕尺寸的布局。当您需要 UI 在移动端和平板/桌面端形态下都看起来良好时使用。

flutter-fix-layout-issues

2.5Kdesign-ui

使用 Dart 和 Flutter MCP 工具修复 Flutter 布局错误（溢出、无界约束）。适用于处理“RenderFlex overflowed”、“Vertical viewport was given unbounded height”或类似的布局问题。

flutter-add-widget-preview

2.5Kdesign-ui

使用 previews.dart 系统为项目添加交互式 widget 预览。在创建新的 UI 组件或更新现有屏幕时使用，以确保一致的设计和交互式测试。

better-layout

Layout structure for web interfaces, from grouping and alignment to reading order, progressive disclosure, and adaptive breakpoints. Use when structuring a page or component, spacing or aligning controls, deciding what collapses at small sizes, handling RTL layout direction, or reviewing frontend code for layout. Triggers on layout, spacing, alignment, grouping, negative space, whitespace, visual hierarchy, reading order, progressive disclosure, breakpoints, responsive layout, container queries, safe area, full-bleed, edge-to-edge, layout margins, RTL layout, logical properties.

jakubkrehel

better-interface

User-invoked, cross-discipline interface review that coordinates better-accessibility, better-layout, better-writing, better-typography, better-colors, and better-ui. Use when explicitly invoked for a holistic review of a screen, flow, feature, or product interface. Supports quick and full review modes. Triggers on better-interface, full interface review, holistic UI audit, cross-discipline design review, review the whole interface.

jakubkrehel

better-accessibility

Accessibility engineering for product interfaces, from focus states and keyboard support to ARIA, forms, and screen readers. Use when building or reviewing UI components, modals, menus, forms, custom widgets, or when the user says "make this accessible" or reports keyboard or screen-reader issues. Triggers on accessibility, a11y, WCAG, aria, focus ring, focus-visible, focus trap, keyboard navigation, tab order, tabindex, screen reader, sr-only, aria-live, alt text, hit area, touch target, prefers-reduced-motion, autoplay, toast duration, skip link, semantic HTML, aria-label, form errors, disabled buttons, "not keyboard accessible".

jakubkrehel

wecomcli-meeting

企业微信会议技能，支持创建预约会议、查询会议列表、获取会议详情、取消会议、更新会议成员。当用户需要"创建会议"、"预约会议"、"约会议"、"安排会议"、"查看会议"、"查询会议列表"、"会议详情"、"什么时候开会"、"有哪些会议"、"查找会议"、"取消会议"、"删除会议"、"修改会议成员"、"添加会议参与人"、"移除会议成员"时触发。

wecomteam

marp-slide

2.2Kdesign-ui

创建专业的 Marp 演示幻灯片，提供 7 种精美主题（默认、极简、多彩、暗色、渐变、科技、商务）。当用户请求创建幻灯片、演示文稿或 Marp 文档时使用。支持自定义主题、图片布局，以及“让它好看”的自动质量提升请求。

softaworks

ship-learn-next

2.2Kdesign-ui

Transform learning content (like YouTube transcripts, articles, tutorials) into actionable implementation plans using the Ship-Learn-Next framework. Use when user wants to turn advice, lessons, or educational content into concrete action steps, reps, or a learning quest.

softaworks