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

LibreUIUX Claude代码系统

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

---

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

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

⚡ 核心功能
👥 适合人群
内容创作者和自媒体人职场人士和学生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智能体构建者和提示词工程师打造，包含完整的提
🧩 你可能还需要
基于当前 Skill 的能力图谱，自动补全的工具组合
natively-cluely-ai-assistant — Claude Skill 中文使用文档
免费开源的AI面试助手，实时转录，隐蔽模式，局部RAG，BYOK。无订阅，防止数据泄露。
CrewAI 多代理协作平台
MCP · Agent · 工作流
LEANN AI技能包
MCP · Agent · 工作流
total-agent-memory MCP工具
为Claude Code和Codex CLI提供持久化记忆功能的开源MCP工具。自动提取知识图谱，支持多轮对话上下文保留，适合需要长期记忆和
MassGen多智能体系统
MCP · Agent · 工作流
kb-arena开源AI工作流
kb-arena是开源的AI工作流，用于Benchmark 9 retrieval architectures（向量、上下文、QnA、知识图
❓ 常见问题 FAQ
提供通用的UI/UX设计词汇和Agent模板，可适配多种设计系统和框架
💡 AI Skill Hub 点评

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

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

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

📚 深入学习 LibreUIUX Claude代码系统
查看分步骤安装教程和完整使用指南，快速上手这款工具
⚙️ 安装教程 📚 使用教程
🌐 原始信息
原始名称 LibreUIUX-Claude-Code
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-24 · License：MIT · AI Skill Hub 不对第三方内容的准确性作法律背书。