设计与 UI

msbuild-antipatterns

5.2Kdesign-ui

Detect and fix MSBuild anti-patterns in project and build files. USE WHEN asked to review, audit, lint, clean up, or code-review a .csproj/.vbproj/.fsproj/.props/.targets/.proj (or Directory.Build.props/.targets) file, when asked 'is this project file correct?' or 'what's wrong with my build file?', or when hunting subtle build bugs caused by how a project is authored. Each anti-pattern has a symptom and a concrete BAD→GOOD fix. DO NOT USE FOR: non-MSBuild build systems (npm, Maven, CMake), or migrating a project to SDK-style (use msbuild-modernization).

dotnet

interface-design

5.1Kdesign-ui

以工艺为先的界面设计，适用于仪表盘、管理面板、SaaS应用、工具、设置页面、数据界面和交互式产品。在设计、构建、审查、审计或优化产品UI时使用，其中视觉工艺、布局层级、设计令牌、状态、视觉方向或设计系统一致性至关重要。不适用于营销页面、落地页、活动或纯品牌工作。

dammyjay93

text-to-lottie

4.8Kdesign-ui

创建、编辑或修复用于本地 Skia Skottie 播放器的 Lottie/Bodymovin JSON 动画。适用于文本转 Lottie、SVG/标志/文字动画、加载器/图标、状态反馈、UI 微交互、下三分之一、图表、数据/统计/图表动画、产品宣传、场景/摄像机运动、视觉效果、场景编辑、插槽/控件以及 Skottie 调试。

diffusionstudio

break

4.6Kdesign-ui

Renders a component you choose in every state and scenario on a temporary page and stress tests it.

jakubkrehel

variant

4.5Kdesign-ui

Answers "which of these?" rather than "is this right?". Builds several genuinely different versions of one piece of UI behind a picker in the real page, so you can flip between them and promote the one that wins.

jakubkrehel

visual-plan

Turn ordinary text plans into rich interactive visual plans with diagrams, file maps, annotated code, open questions, and UI/prototype review when useful.

builderio

review-animations

根据 Emil Kowalski 的设计工程哲学，审查动画和动效代码，要求达到高工艺标准。默认标记问题；通过需要证明。

emilkowalski

agentation-self-driving

自主设计评审模式，使用 Agentation 注释工具栏。当用户要求“评审此页面”、“添加设计注释”、“审查 UI”、“自动驾驶模式”、“自动注释”，或希望 AI 代理通过浏览器自主向网页添加设计反馈注释时使用。需要在目标页面上安装 Agentation 工具栏，并且 agent-browser 技能可用。

benjitaylor

swiftui-pro

全面审查 SwiftUI 代码，确保遵循现代 API、可维护性和性能的最佳实践。在阅读、编写或审查 SwiftUI 项目时使用。

twostraws

story-cover

4.1Kdesign-ui

小说封面生成。根据书名、作者名自动分析题材风格，调用 GPT-Image-2 直接生成含标题和署名的专业级网文封面。触发方式：/story-cover、/封面、「帮我做个封面」「生成封面图」「做个小说封面」「封面设计」。

worldwonderer

agentation

4.1Kdesign-ui

向 Next.js 项目添加 Agentation 可视化反馈工具栏

benjitaylor

remotion-create

4Kdesign-ui

创建一个新的 Remotion 视频

remotion-dev

remotion-interactivity

4Kdesign-ui

编写 Remotion 动画的最佳实践，使其对代理保持直观，并可在 Remotion Studio 可视化模式下编辑。

remotion-dev

ios-debugger-agent

Use XcodeBuildMCP to build, run, launch, and debug the current iOS project on a booted simulator. Trigger when asked to run an iOS app, interact with the simulator UI, inspect on-screen state, capture logs/console output, or diagnose runtime behavior using XcodeBuildMCP tools.

swiftui-view-refactor

Refactor and review SwiftUI view files with strong defaults for small dedicated subviews, MV-over-MVVM data flow, stable view trees, explicit dependency injection, and correct Observation usage. Use when cleaning up a SwiftUI view, splitting long bodies, removing inline actions or side effects, reducing computed `some View` helpers, or standardizing `@Observable` and view model initialization patterns.

skill-review

Quality review and audit for Claude Code skills. Analyzes skill structure, description quality, workflow design, token efficiency, and anti-patterns against best practices. Use when user wants to review a skill, audit a skill, check skill quality, evaluate a skill, critique a skill, lint a skill, or validate a skill. Triggers: 'review skill', 'audit skill', 'skill quality', 'check my skill', 'evaluate skill', 'skill lint', 'validate skill', 'skill review', 'is this skill good', 'improve this skill'.

sanyuan0704

swiftui-ui-patterns

构建 SwiftUI 视图和组件的最佳实践与示例驱动指南，涵盖导航层级、自定义视图修饰符以及使用堆栈和网格的响应式布局。适用于创建或重构 SwiftUI 界面、使用 TabView 设计标签架构、使用 VStack/HStack 组合屏幕、管理 @State 或 @Binding、构建声明式 iOS 界面，或需要特定组件的模式和示例。

swiftui-liquid-glass

3.8Kdesign-ui

使用 iOS 26+ Liquid Glass API 实现、审查或改进 SwiftUI 功能。当需要在新 SwiftUI UI 中采用 Liquid Glass、重构现有功能以使用 Liquid Glass，或审查 Liquid Glass 使用的正确性、性能和设计一致性时使用。

interface-review

3.8Kdesign-ui

Interface review of a change rather than a screen: uncommitted work, the current branch, or a pull request. Covers interface quality, not correctness, tests, or security.

jakubkrehel

analytics-dashboard

3.5Kdesign-ui

Turn a LinkedIn Analytics export into an interactive dark-themed React dashboard plus a written strategic analysis with 5 data-backed content recommendations. Reads every sheet in the export, builds charts for engagement trend, follower growth, post performance scatter, day-of-week heatmap, and audience breakdown. Use this skill whenever the user says "analyse my linkedin", "linkedin analytics", "build my dashboard", "review my performance", or uploads a LinkedIn Analytics export file. Requires the user's LinkedIn Analytics export (xlsx) as input.

charlie947

youtube-thumbnail

3.4Kdesign-ui

Generate a branded YouTube thumbnail from a video title. Uses a reference photo of the creator, high-CTR thumbnail principles, and brand colours to produce a ready-to-generate image prompt for Gemini. Use this skill whenever the user says "thumbnail", "youtube thumbnail", "build me a thumbnail", or wants a video cover image before writing the script. The thumbnail-first workflow mirrors the graphic-first approach for LinkedIn: sells the video before anyone hears a word of the script.

charlie947

obsidian-canvas-creator

3.3Kdesign-ui

Create Obsidian Canvas files from text content, supporting both MindMap and freeform layouts. Use this skill when users want to visualize content as an interactive canvas, create mind maps, or organize information spatially in Obsidian format.

axtonliu

excalidraw-diagram

3.3Kdesign-ui

根据文本内容自动生成 Excalidraw 图表。支持三种输出模式：Obsidian 格式（.md）、标准格式（.excalidraw）以及动画格式（带绘制顺序的 .excalidraw）。当出现以下关键词时触发："Excalidraw"、"画图"、"流程图"、"思维导图"、"可视化"、"diagram"、"标准Excalidraw"、"standard excalidraw"、"Excalidraw动画"、"动画图"、"animate"。

axtonliu