skills.guanliai
场景做法全部 skill组合
中EN
场景做法全部 skill组合

skills.guanliai.com

按场景组织的 AI 做法库:用哪些 skill、怎么装、怎么提示、会踩什么坑。

场景做法全部 skill组合

国内平台

  • CodeBuddy
  • Trae
  • 通义灵码
  • Qoder
  • 文心快码
  • CodeGeeX
  • MarsCode
  • 腾讯云 AI 助手
  • Fitten Code

国外平台

  • Claude Code
  • OpenAI Codex
  • Cursor
  • Windsurf
  • Gemini CLI
  • Cline / Roo Code
  • OpenCode
  • GitHub Copilot
  • Kiro
  • OpenClaw
  • VS Code
skills.guanliai.com · Agent Skill Directory数据来自 GitHub · Next.js + MySQL
首页全部 skill

全部 skill

共 25 个 skill · 数据来自 GitHub 与精选合集,每日更新

分类

精选

国内

国外

标签

语言

共 25 个 skill

前端设计准则

NousResearch/hermes-agent/optional-skills/creative/impeccable

设计

由上游维护的前端设计指导(impeccable)。

Claude Code
242.8kPython详情
界面 UI用户体验 UX前端

知名站点设计系统

NousResearch/hermes-agent/skills/creative/popular-web-designs

设计

把 Stripe、Linear、Vercel 等 54 套真实设计系统整理成 HTML/CSS 参考。

CursorClaude CodeOpenCode
242.8kPython详情
HTML界面 UI设计

DESIGN.md 规范

NousResearch/hermes-agent/skills/creative/design-md

设计

编写、校验并导出 Google 的 DESIGN.md 设计 token 规范文件。

Claude Code
242.8kPython详情
google无障碍界面 UI

草图原型

NousResearch/hermes-agent/optional-skills/creative/sketch

设计

一次性的 HTML 草图:给 2-3 个设计变体做对比。

Claude Code
242.8kPython详情
HTML界面 UImockup

一次性 HTML 设计

NousResearch/hermes-agent/skills/creative/claude-design

设计

设计一次性的 HTML 产物:落地页、演示稿或原型。

Claude Code
242.8kPython详情
HTML界面 UI设计系统

反 UI 同质化

sickn33/agentic-awesome-skills/skills/anti-ui-slop

设计

阻止编码 agent 输出通用 UI。扩展产品设计系统、仅在有用时用 UIZZE 证据、覆盖所需状态并检查渲染结果。

CursorClaude CodeOpenAI Codex
45.6kPython详情
界面 UI用户体验 UX前端

设计分发

sickn33/agentic-awesome-skills/skills/design-it

设计

将前端设计任务路由到 48 种特定 UI 风格。为请求特定美学的网站、App 屏幕或 UI 组件触发。

CursorClaude CodeGemini CLI
45.6kPython详情
界面 UI前端设计

UX/UI 原则

sickn33/agentic-awesome-skills/skills/uxui-principles

设计

依据 168 条研究支撑的 UX/UI 原则评估界面、检测反模式,并将 UX 上下文注入 AI 编码会话。

CursorClaude CodeWindsurf
45.6kPython详情
评测无障碍界面 UI

UI 套话评分

sickn33/agentic-awesome-skills/skills/ui-slop-score

设计

在发布前为渲染的 Web/iOS 屏幕评估通用 UI 风险。用户问 UI 是否显得通用或需要诚实的合并前视觉评审时使用。

CursorClaude CodeOpenAI Codex
45.6kPython详情
界面 UI用户体验 UX前端

Rayden 使用

sickn33/agentic-awesome-skills/skills/rayden-use

设计

经 Figma MCP 在 Figma 中构建并维护 Rayden UI 组件与屏幕,全量执行设计 token。

Claude CodeOpenAI CodexMCP 客户端
45.6kPython详情
界面 UIcomponents设计系统

Rayden 代码

sickn33/agentic-awesome-skills/skills/rayden-code

设计

用 Rayden UI 组件生成 React 代码,使用正确 props、token 与高级布局模式。

Claude CodeOpenAI Codex
45.6kPython详情
代码生成React界面 UI

流光斑斓 UI

sickn33/agentic-awesome-skills/skills/liuguang-banlan-ui

设计

构建两种参数化 UI 模式——流光溢彩白与五彩斑斓黑,基于 OKLCH、WebGL/CSS 回退、视觉门控、截图 QA 与总/分色强度报告。UI 需求指定任一模式或需量化色彩参数时使用。

CursorClaude CodeOpenAI Codex
45.6kPython详情
无障碍界面 UI前端

Stitch 设计品味

sickn33/agentic-awesome-skills/skills/stitch-design-taste

设计

为 Google Stitch 生成 DESIGN.md 系统时,用于高端字体、色彩、布局、动效意图与反通用 UI 规则。

CursorWindsurfGemini CLI
45.6kPython详情
界面 UI设计系统前端

既有项目重设计

sickn33/agentic-awesome-skills/skills/redesign-existing-projects

设计

升级既有网站/应用时,通过审计通用 UI 模式并应用高级设计修复(无需重写)使用。

CursorClaude CodeOpenAI Codex
45.6kPython详情
界面 UI前端

极简 UI

sickn33/agentic-awesome-skills/skills/minimalist-ui

设计

用于创建温暖单色、清晰边框、克制动效与扁平 bento 布局的简洁编辑型界面。

CursorClaude CodeOpenAI Codex
45.6kPython详情
界面 UI前端设计

工业粗野 UI

sickn33/agentic-awesome-skills/skills/industrial-brutalist-ui

设计

创建具刚性网格、硬朗排版、CRT 效果与高密度数据的原生工业或战术遥测 UI 时使用。

CursorClaude CodeOpenAI Codex
45.6kPython详情
界面 UI前端设计

高端视觉设计

sickn33/agentic-awesome-skills/skills/high-end-visual-design

设计

设计具高级字体、空间节奏、柔和纵深与流畅微交互的昂贵代理级界面时使用。

CursorClaude CodeOpenAI Codex
45.6kPython详情
界面 UI动效前端

Emil 设计工程

sickn33/agentic-awesome-skills/skills/emil-design-eng

设计

设计或审查精致产品 UI 时,使用受 Emil Kowalski 启发的动画、交互与组件工艺指导。

CursorClaude CodeOpenAI Codex
45.6kPython详情
界面 UI动效前端

前端设计品味

sickn33/agentic-awesome-skills/skills/design-taste-frontend

设计

构建具严格设计品味、校准配色、响应式布局与动效规则的高能动性前端界面时使用。

CursorClaude CodeWindsurf
45.6kPython详情
React界面 UI前端

Avalonia UI 配置

a5c-ai/babysitter/library/specializations/desktop-development/skills/avalonia-ui-setup

设计

配 Avalonia UI 项目,用跨平台 XAML 支持 Windows/macOS/Linux。

通用(跨宿主)
1.7kJavaScript详情
dotnet跨平台xaml

Qt QML 组件生成

a5c-ai/babysitter/library/specializations/desktop-development/skills/qt-qml-component-generator

设计

生成 QML 组件,含正确属性绑定、信号/槽连接、Qt Quick Controls 集成。

通用(跨宿主)
1.7kJavaScript详情
界面 UIQtcomponents

原生通知构建

a5c-ai/babysitter/library/specializations/desktop-development/skills/native-notification-builder

设计

跨平台构建原生 OS 通知,含动作、图片、进度指示。

通用(跨宿主)
1.7kJavaScript详情
桌面应用跨平台界面 UI

Flutter 桌面配置

a5c-ai/babysitter/library/specializations/desktop-development/skills/flutter-desktop-config

设计

配 Flutter 桌面平台,含平台通道与原生集成。

通用(跨宿主)
1.7kJavaScript详情
桌面应用跨平台界面 UI

WPF XAML 样式生成

a5c-ai/babysitter/library/specializations/desktop-development/skills/wpf-xaml-style-generator

设计

生成带主题支持的 XAML 样式、模板、资源字典,用于 WPF 应用。

Cursor
1.7kJavaScript详情
xaml界面 UIwpf
跳至页