📄 工具详情 ⚙️ 安装教程 📚 使用教程
能力标签
🔌 MCP🤖 Agent🔄 工作流🐳 Docker🔗 REST API🧠 Claude✨ GPT🕸 采集
LibreUIUX Claude代码系统
💬
Prompt模板

LibreUIUX Claude代码系统

基于 Shell · 专业级提示词模板，解锁 AI 的真实潜力
英文名：LibreUIUX-Claude-Code
⭐ 44 Stars 🍴 9 Forks 💻 Shell 📄 MIT 🏷 AI 8.0分
8.0AI 综合评分
Claude提示词UI/UX设计AI代理设计自动化开源模板
⬇ 下载源码 ZIP ⚙️ 配置说明 📺 TG 频道
✦ AI Skill Hub 推荐

LibreUIUX Claude代码系统 是 AI Skill Hub 本期精选Prompt模板之一。综合评分 8.0 分，整体质量较高。我们强烈推荐将其纳入你的 AI 工具库，帮助提升工作效率。

📚 深度解析

LibreUIUX Claude代码系统 是经过精心设计和实践验证的专业 Prompt 模板。Prompt 工程（Prompt Engineering）是充分发挥 Claude、ChatGPT 等大型语言模型潜力的关键技能，而一套经过优化的 Prompt 模板可以将 AI 输出质量提升数倍。

优质 Prompt 模板的核心价值在于其结构化设计：明确的角色设定、精确的任务描述、具体的输出格式要求和必要的边界条件，这些要素共同构成了一个能够持续产出高质量结果的 Prompt 框架。LibreUIUX Claude代码系统 提供的模板经过反复迭代和用户验证，能够有效减少 AI 的"幻觉"（Hallucination）和输出不稳定问题。

无论你使用 Claude 3.5 Sonnet、GPT-4、Gemini 还是国内的文心一言、智谱 AI，优质的 Prompt 设计都能跨模型复用。AI Skill Hub 建议将本模板保存为个人 Prompt 库的标准组件，根据具体场景调整参数后反复使用，形成自己的 AI 提效工作流。

📋 工具概览

为Claude Code设计的开源提示词模板库，包含67个专业化的UI/UX设计Agent。提供完整的设计词汇体系和工作流程，适合AI辅助设计、产品原型开发和设计自动化场景的开发者和设计师使用。

LibreUIUX Claude代码系统 是经过精心设计和反复验证的专业 Prompt 模板集合。这些 Prompt 框架能够有效激活 Claude、ChatGPT 等大型语言模型的深层能力，让 AI 生成更准确、更有价值的输出结果。无需任何安装，直接复制模板内容到 AI 对话框即可使用。

GitHub Stars
⭐ 44
开发语言
Shell
支持平台
macOS / Linux
维护状态
轻量级项目，按需更新
开源协议
MIT
AI 综合评分
8.0 分
工具类型
Prompt模板
Forks
9

📖 中文文档

以下内容由 AI Skill Hub 根据项目信息自动整理，如需查看完整原始文档请访问底部「原始来源」。

为Claude Code设计的开源提示词模板库，包含67个专业化的UI/UX设计Agent。提供完整的设计词汇体系和工作流程，适合AI辅助设计、产品原型开发和设计自动化场景的开发者和设计师使用。

LibreUIUX Claude代码系统 是经过精心设计和反复验证的专业 Prompt 模板集合。这些 Prompt 框架能够有效激活 Claude、ChatGPT 等大型语言模型的深层能力，让 AI 生成更准确、更有价值的输出结果。无需任何安装，直接复制模板内容到 AI 对话框即可使用。

📌 核心特色
  • 精心设计的 Prompt 框架，快速激活 AI 的深层能力
  • 支持参数化替换，灵活适配多种业务场景
  • 经过反复验证的指令结构，显著提升 AI 输出质量和一致性
  • 适用于 Claude、ChatGPT 等主流大语言模型
  • 可作为团队标准 Prompt 模板复用和二次开发
🎯 主要使用场景
  • 快速生成高质量的专业文案、分析报告或结构化内容
  • 利用 Prompt 框架引导 AI 解决特定领域的复杂问题
  • 在不同 AI 工具间复用经过验证的提示词模板
以下安装命令基于项目开发语言和类型自动生成，实际以官方 README 为准。
安装命令
# Prompt 无需安装，直接复制使用
# 支持：Claude / ChatGPT / Gemini / 通义千问 等主流模型

# 使用步骤
# 1. 复制 Prompt 模板内容
# 2. 粘贴到 AI 对话框
# 3. 替换 [占位符] 为实际内容
# 4. 发送后获取结构化输出

# 获取原始文件
git clone https://github.com/HermeticOrmus/LibreUIUX-Claude-Code
📋 安装步骤说明
  1. 复制本工具的 Prompt 模板内容
  2. 打开 Claude、ChatGPT 或其他 AI 对话工具
  3. 将 Prompt 粘贴到对话框开头
  4. 根据实际需求替换 [占位符] 中的内容
  5. 发送后 AI 将按照模板格式执行，获得结构化输出
以下用法示例由 AI Skill Hub 整理，涵盖最常见的使用场景。
常用命令 / 代码示例
# 粘贴到 Claude/ChatGPT 使用
# 示例 Prompt 结构：

你是一位 [角色]，擅长 [领域]。
请根据以下要求完成任务：

任务背景：[描述背景]
具体要求：[详细说明]
输出格式：[期望格式]

# 将 [] 内内容替换为实际需求
以下配置示例基于典型使用场景生成，具体参数请参照官方文档调整。
配置示例
# libreuiux-claude-code 配置说明
# 查看配置选项
libreuiux-claude-code --config-example > config.yml

# 常见配置项
# output_dir: ./output
# log_level: info
# workers: 4

# 环境变量（覆盖配置文件）
export LIBREUIUX_CLAUDE_CODE_CONFIG="/path/to/config.yml"
📑 README 深度解析 真实文档 完整度 69/100 查看 GitHub 原文 →
以下内容由系统直接从 GitHub README 解析整理，保留代码块、表格与列表结构。

简介

<p align="center"> <img src="https://ormus.solutions/mascot/pixellab_liquid_to_swan.gif" alt="LibreUIUX Claude Code" width="128" style="image-rendering: pixelated;" /> </p>

LibreUIUX Claude Code

<p align="center"> <em>Complete UI/UX system for Claude Code -- 152 agents, 70 plugins, 76 commands, 74 skills</em> </p>

<p align="center"> <a href="https://github.com/HermeticOrmus/LibreUIUX-Claude-Code/stargazers"><img src="https://img.shields.io/github/stars/HermeticOrmus/LibreUIUX-Claude-Code?style=flat-square&color=aa8142" alt="Stars" /></a> <a href="https://github.com/HermeticOrmus/LibreUIUX-Claude-Code/blob/main/LICENSE"><img src="https://img.shields.io/github/license/HermeticOrmus/LibreUIUX-Claude-Code?style=flat-square&color=aa8142" alt="License" /></a> <a href="https://github.com/HermeticOrmus/LibreUIUX-Claude-Code/commits"><img src="https://img.shields.io/github/last-commit/HermeticOrmus/LibreUIUX-Claude-Code?style=flat-square&color=aa8142" alt="Last Commit" /></a> <img src="https://img.shields.io/badge/TypeScript-aa8142?style=flat-square&logo=typescript&logoColor=white" alt="TypeScript" /> <img src="https://img.shields.io/badge/Claude Code-aa8142?style=flat-square&logo=anthropic&logoColor=white" alt="Claude Code" /> </p>

--- > Skills, Agents, Commands, and Workflows for Modern UI/UX Development with Claude Code

Stop getting the same outdated, Bootstrap-era designs. This repository provides a comprehensive, layered approach to dramatically improve the UI/UX components Claude Code generates for your projects.

---

What's Included

LibreUIUX-Claude-Code/
├── 70 Plugins         # Domain-specific collections
├── 152 Agents         # Task-specialized AI personas
├── 76 Commands        # Slash commands for Claude Code
├── 74 Skills          # Reusable capability modules
├── 3 Skill Levels     # Beginner → Intermediate → Advanced
└── Templates          # Ready-to-use configurations

Installation Paths

Path 1: Just Want Better Prompts? (5 minutes) ```bash

Follow the advanced setup guide

```

---

Quick Start

Example: Add design mastery to your project

cp plugins/design-mastery/agents/ your-project/.claude/agents/ cp plugins/design-mastery/skills//SKILL.md your-project/.claude/skills/ 


**Path 4: Full Installation** (30 minutes)
bash

Contribution Guidelines

1. Follow the voice - Read VOICE_GUIDE.md first - Technical precision (45%) + Wonder (30%) + Playfulness (20%) + Encouragement (5%) - Show genuine awe at elegant mechanics, not mystical reverence

2. Structure matters - Use beginner/intermediate/advanced appropriately - Beginner: Immediate results, actionable templates - Intermediate: Systematic workflows, design systems - Advanced: Automation, deep patterns, production architectures

3. Include experiments - "Try this, watch for that, here's why it works" - Actionable: Reader can test immediately - Observable: Clear expected results - Explainable: Mechanism revealed

4. Test everything - Run it with Claude Code first - Prompts should work as written - Examples should be copy-paste ready - Results should be reproducible

5. Share knowledge, not secrets - Wonder emerges from understanding - Explain mechanisms, don't mystify - Reveal elegant solutions, don't gatekeep - Build collective understanding

Copy commands to your project or global config

cp -r .claude/commands/* ~/.claude/commands/ 


**Path 3: Use Specific Plugins** (15 minutes)
bash

Plugin Categories

CategoryPluginsDescription
**Frontend & UI**design-mastery, frontend-mobile-development, accessibility-complianceCore UI/UX development
**Backend Integration**backend-development, api-scaffolding, database-designFull-stack patterns
**Quality & Testing**unit-testing, tdd-workflows, code-review-aiEnsure production quality
**DevOps & Deploy**cicd-automation, deployment-strategies, kubernetes-operationsShip with confidence
**Specialized**game-development, blockchain-web3, machine-learning-opsDomain expertise

All 70 Plugins

<details> <summary>Click to expand full plugin list</summary>

PluginFocus Area
accessibility-complianceWCAG, ARIA, screen readers
agent-orchestrationMulti-agent coordination
api-scaffoldingREST/GraphQL API design
api-testing-observabilityAPI testing & monitoring
application-performanceFrontend/backend optimization
archetypal-alchemyDesign psychology patterns
arm-cortex-microcontrollersEmbedded systems
backend-api-securityAuth, validation, security
backend-developmentServer architecture
blockchain-web3Smart contracts, DeFi
business-analyticsData analysis, reporting
cicd-automationCI/CD pipelines
cloud-infrastructureAWS, GCP, Azure
codebase-cleanupRefactoring, debt reduction
code-documentationDocs generation
code-refactoringPattern improvement
code-review-aiAutomated review
comprehensive-reviewFull codebase audits
content-marketingSEO, content strategy
context-managementClaude context optimization
customer-sales-automationCRM, automation
database-cloud-optimizationDB performance
database-designSchema, modeling
database-migrationsSafe migrations
data-engineeringETL, pipelines
data-validation-suiteInput validation
debugging-toolkitDebug strategies
dependency-managementPackage management
deployment-strategiesBlue-green, canary
deployment-validationDeploy verification
design-masteryUI/UX excellence
developer-essentialsCore dev workflows
distributed-debuggingMicroservice debugging
documentation-generationAuto-docs
error-debuggingError analysis
error-diagnosticsRoot cause analysis
framework-migrationVersion upgrades
frontend-mobile-developmentReact, Vue, mobile
frontend-mobile-securityXSS, CSRF protection
full-stack-orchestrationEnd-to-end coordination
functional-programmingFP patterns
game-developmentGame engines, graphics
git-pr-workflowsGit best practices
hr-legal-compliancePrivacy, GDPR
incident-responseOutage handling
javascript-typescriptJS/TS patterns
julia-developmentJulia lang
jvm-languagesJava, Kotlin, Scala
kubernetes-operationsK8s management
llm-application-devAI/LLM apps
machine-learning-opsMLOps
mcp-integrationsMCP server tools & browser DevTools
multi-platform-appsCross-platform
observability-monitoringLogging, metrics
payment-processingStripe, payments
performance-testing-reviewLoad testing
python-developmentPython patterns
quantitative-tradingAlgo trading
security-complianceSecurity audits
security-scanningVuln detection
seo-analysis-monitoringSEO tracking
seo-content-creationSEO writing
seo-technical-optimizationTechnical SEO
shell-scriptingBash, automation
systems-programmingLow-level dev
tdd-workflowsTest-driven dev
team-collaborationTeam processes
unit-testingTesting strategies
vibe-codingRapid AI-assisted prototyping
web-scriptingScraping, automation

</details>

---

Libre suite — comprehensive plugin bundles

Skills vs Commands vs Agents

ComponentWhen to UseExample
**Skills**Need domain knowledge applied to a taskapi-design-principles - teaches REST best practices
**Commands**Quick, repeatable actions/ui-critique - get instant design feedback
**Agents**Complex, multi-step work requiring expertisefrontend-developer - builds complete components

---

🇨🇳 中文文档镜像 AI 翻译 2026-07-05
英文原文章节由系统翻译为中文摘要，便于快速理解。完整原文见上方 "📑 README 深度解析"。
📌 简介

LibreUIUX Claude Code 是专为 Claude Code 设计的一套完整的 UI/UX 系统。该项目通过高度集成的 Agent、Plugin 和 Skill 体系，为开发者提供强大的设计与开发辅助能力。它包含 152 个任务专用的 AI Agents、70 个领域特定的 Plugins、76 个 Slash Commands 以及 74 个可复用的 Skills，旨在将 Claude Code 的能力从纯代码编写提升至专业的 UI/UX 设计与工程实现高度。

⚡ 功能介绍

本项目提供了一套极其丰富的资源库，涵盖了从初学者到高级开发者的全方位需求。核心组件包括：70 个针对特定领域的 Plugins；152 个擅长处理各类任务的 AI Agents；76 个可直接在 Claude Code 中使用的 Slash Commands；以及 74 个可复用的 Skills 模块。此外，系统还内置了三个 Skill Levels（Beginner/Intermediate/Advanced）以及多种开箱即用的 Templates，确保不同水平的开发者都能快速上手。

🛠 安装步骤（Docker/pip/源码）

本项目提供了多种灵活的安装路径，以适应不同的使用场景。如果您仅希望提升 Prompt 的质量，可以通过快速设置指南在 5 分钟内完成配置；若需使用特定的 Plugins，预计耗时 15 分钟；若希望进行全量安装以获得完整体验，则需要约 30 分钟进行深度部署。您可以根据项目需求，选择从局部插件到全局系统的不同安装深度。

🚀 使用教程

用户可以根据需求灵活调用资源。例如，若想为当前项目注入设计大师能力，只需将 plugins/design-mastery/agents/ 下的 Agent 文件拷贝至项目的 .claude/agents/ 目录，并将对应的 SKILL.md 拷贝至 .claude/skills/ 即可实现。系统支持通过不同的路径进行增量式或全量式的能力注入，确保开发流程的平滑过渡。

⚙️ 配置说明（含 MCP / env）

您可以根据需要将 Commands 批量同步到项目本地或全局配置目录中。通过执行 `cp -r .claude/commands/* ~/.claude/commands/` 命令，即可将自定义的 Slash Commands 部署到全局环境，从而在任何 Claude Code 会话中快速调用预设的指令集，实现高效的开发配置管理。

🔄 工作流/模块

项目通过模块化的 Plugin 分类管理工作流，涵盖了从前端到后端的全栈开发场景。Plugins 分为 Frontend & UI（如 design-mastery, accessibility-compliance，专注于核心 UI/UX 开发）以及 Backend Integration（如 api-scaffolding, database-design，专注于全栈模式与 API 设计）。通过这种分类机制，开发者可以精准调用特定领域的 Agent 和 Skills，实现从 UI 设计到 API 实现的闭环协作。

🎯 aiskill88 AI 点评 A 级 2026-05-24

aiskill88点评：高度专���化的Prompt模板库，67个设计Agent提供系统性解决方案，适合需要AI加速设计流程的团队。但需具备Claude Code使用经验。

📚 实用指南（长尾问题）
适合谁
  • 需要让 Claude / Cursor 操作本地工具的 AI 工程师
  • 构建多智能体协作系统的 Agent 开发者
  • 想快速复用高质量提示词模板的 AI 用户
最佳实践
  • 配置 MCP 服务器时建议使用 stdio 传输 + JSON-RPC，避免暴露公网
  • 生产部署优先使用 Docker Compose 隔离依赖，并挂载 volume 持久化数据
  • Agent 任务先做 dry-run 验证工具调用链，再开启自主执行
常见错误
  • API key 直接提交到 git 仓库（请用 .env 并加入 .gitignore）
  • MCP 配置路径拼错或权限不足，重启 Claude Desktop 才生效
  • 容器内无法访问宿主机 localhost — 使用 host.docker.internal
部署方案
  • Docker：LibreUIUX-Claude-Code 提供官方镜像，docker compose up 一键启动
  • 云端托管：可放在 Vercel / Railway / Fly.io 等 PaaS 平台
相关搜索
LibreUIUX-Claude-Code 中文教程LibreUIUX-Claude-Code 安装报错怎么办LibreUIUX-Claude-Code MCP 配置LibreUIUX-Claude-Code Docker 部署LibreUIUX-Claude-Code Agent 工作流LibreUIUX-Claude-Code 与同类工具对比LibreUIUX-Claude-Code 最佳实践LibreUIUX-Claude-Code 适合谁用

⚡ 核心功能

👥 适合谁
  • 需要让 Claude / Cursor 操作本地工具的 AI 工程师
  • 构建多智能体协作系统的 Agent 开发者
  • 想快速复用高质量提示词模板的 AI 用户
⭐ 最佳实践
  • 配置 MCP 服务器时建议使用 stdio 传输 + JSON-RPC，避免暴露公网
  • 生产部署优先使用 Docker Compose 隔离依赖，并挂载 volume 持久化数据
  • Agent 任务先做 dry-run 验证工具调用链，再开启自主执行
⚠️ 常见错误
  • API key 直接提交到 git 仓库（请用 .env 并加入 .gitignore）
  • MCP 配置路径拼错或权限不足，重启 Claude Desktop 才生效
  • 容器内无法访问宿主机 localhost — 使用 host.docker.internal

👥 适合人群

内容创作者和自媒体人职场人士和学生ChatGPT / Claude 重度用户希望提升 AI 使用效率的普通用户

🎯 使用场景

  • 快速生成高质量的专业文案、分析报告或结构化内容
  • 利用 Prompt 框架引导 AI 解决特定领域的复杂问题
  • 在不同 AI 工具间复用经过验证的提示词模板

⚖️ 优点与不足

✅ 优点
  • +MIT 协议，可免费商用
  • +无需安装，立即可用
  • +适配所有主流 AI 工具
  • +经社区验证的最佳实践
⚠️ 不足
  • −效果依赖使用者对 Prompt 工程的熟悉程度
  • −不同模型和版本的响应效果可能存在差异
  • −复杂场景需结合实际需求二次调整
⚠️ 使用须知

AI Skill Hub 为第三方内容聚合平台，本页面信息基于公开数据整理，不对工具功能和质量作任何法律背书。

建议在沙箱或测试环境中充分验证后，再部署至生产环境，并做好必要的安全评估。

📄 License 说明

✅ MIT 协议 — 最宽松的开源协议之一，可自由商用、修改、分发，仅需保留版权声明。

🔗 相关工具推荐

nanobanana pro 精选资源合集
汇集优质Nano Banana Pro提示词模板和实例的开源项目库。针对Gemini等AI模型优化，提供即用型Promp
generative-ai-for-beginners Prompt模板
包含21堂课程的开源学习资源，涵盖Prompt工程、ChatGPT、DALL-E等生成式AI技术。提供Jupyter N
Prompt工程完整指南
全面的提示词工程学习资源库，包含指南、论文、课程和笔记本。适合AI爱好者、开发者和研究人员深入学习提示词设计、Agent
awesome-ai-system-prompts — AI Agent 工作流中文教程
精选汇总ChatGPT、Claude等主流AI工具的系统提示词集合。专为AI智能体构建者和提示词工程师打造，包含完整的提
📰 相关 AI 新闻
OpenAI 最新产品与研究动态
AI 资讯 · 知识关联
Claude Code 最新功能与使用技巧
AI 资讯 · 知识关联
AI Agent 自主化能力最新进展
AI 资讯 · 知识关联
Claude Code 最新功能与使用技巧
AI 资讯 · 知识关联
🍿 AI 圈相关吃瓜
AutoGPT 自主完成了任务：把我的文件夹全部重命名了
AI 圈观察
配了5个 MCP 工具，Claude 一个都没用
AI 圈观察
Filesystem MCP 帮 Claude 找文件，找了整个 node_modules
AI 圈观察
🗺️ 相关解决方案
mcp
mcp-server-setup
agent
ai-agent-workflow
workflow
ai-workflow-templates
docker
docker-deploy
🧩 你可能还需要
基于当前 Skill 的能力图谱，自动补全的工具组合
技能寻求者
MCP · Agent · 工作流
natively-cluely-ai-assistant — Claude Skill 中文使用文档
免费开源的AI面试助手，实时转录，隐蔽模式，局部RAG，BYOK。无订阅，防止数据泄露。
CrewAI 多代理协作平台
MCP · Agent · 工作流
gptme Agent工作流
MCP · Agent · 工作流
LEANN AI技能包
MCP · Agent · 工作流
Synthadoc
MCP · Agent · 工作流

❓ 常见问题 FAQ

LibreUIUX-Claude-Code 是一款Shell开发的AI辅助工具。开源Prompt模板：Complete UI/UX system for Claude Code — 67 specialized agents, design vocabulary。⭐44 · Shell 主要应用场景包括：AI辅助UI/UX设计、产品原型快速迭代、设计系统构建。
💡 AI Skill Hub 点评

经综合评估，LibreUIUX Claude代码系统 在Prompt模板赛道中表现稳健，质量优秀。如果你已有明确的使用需求，可以直接上手体验；如果还在评估阶段，建议对比同类工具后再做决策。

⬇️ 获取与下载
⬇ 下载源码 ZIP

✅ MIT 协议 · 可免费商用 · 直接从 aiskill88 服务器下载，无需跳转 GitHub

📚 深入学习 LibreUIUX Claude代码系统
查看分步骤安装教程和完整使用指南，快速上手这款工具
⚙️ 安装教程 📚 使用教程
🌐 原始信息
原始名称 LibreUIUX-Claude-Code
原始描述 开源Prompt模板：Complete UI/UX system for Claude Code — 67 specialized agents, design vocabulary。⭐44 · Shell
Topics Claude提示词UI/UX设计AI代理设计自动化开源模板
GitHub https://github.com/HermeticOrmus/LibreUIUX-Claude-Code
License MIT
语言 Shell
🔗 原始来源
🐙 GitHub 仓库  https://github.com/HermeticOrmus/LibreUIUX-Claude-Code 🌐 官方网站  https://ormus.solutions

收录时间：2026-05-24 · 更新时间：2026-05-30 · License：MIT · AI Skill Hub 不对第三方内容的准确性作法律背书。

📺 订阅 AI Skill Hub Daily Telegram 频道
每天 8 条精选 AI Skill、MCP、Agent 与自动化工具推送
加入频道 →