React 是一个 JavaScript 库，用于通过可组合组件构建用户界面，并使用声明性模型将 UI 描述为状态函数。

shadcn/ui 是一个可访问、可组合的 React 组件的集合，这些组件基于 Radix UI 原语构建，并使用 Tailwind CSS 进行样式设计 - 组件通过 CLI 复制到您的项目中，从而使您能够完全拥有源代码。

React 是一个 JavaScript 库，用于通过可组合组件构建用户界面，并使用声明性模型将 UI 描述为状态函数。

该技能通过捕获终端用户界面 (TUI) 应用程序的输出并使用 LLM 作为法官进行语义验证来验证终端用户界面 (TUI) 应用程序。它利用 Charmbracelet 的冻结功能来获取高保真终端屏幕截图，并提供结构化验证标准。

这项技能指导创建独特的、生产级的前端界面，避免通用的“AI slop”美学。实施真正的工作代码，特别注重美学细节和创意选择。

使用适当的结构、动态功能和最佳实践，为 Claude Code 创建有效的自定义斜线命令。

通过适当的结构、可发现的描述和最佳实践，为 Claude Code 构建生产质量的技能。

创建 Claude Code 市场和插件以分发命令、代理、技能、挂钩和 MCP 服务器的综合指南。

创建 Claude Code hooks 的综合指南 — 事件驱动的自动化，用于监视和控制 Claude 的操作。

在 Claude Code 中创建自定义代理的综合指南。代理是专门的人工智能助手，在单独的上下文窗口中运行，支持集中、自主的任务执行。

这项技能教 Claude 如何在 Next.js 项目中实现 Stripe 支付处理，包括一次性支付、订阅、webhooks 和客户管理。基于现代 Stripe API 和身份验证框架的实际实施经验。

此技能有助于使用故事圈叙事框架创建引人注目的会议演讲大纲和 iA Presenter markdown 幻灯片。

这项技能可确保所有生成的文档都符合企业品牌标准，以实现一致、专业的沟通。

该技能指导 MultiversX 上的去中心化应用程序 (dApp) 的开发，重点关注 sdk-dapp 、 sdk-js 和 React/Next.js 集成。

设计并实现令人难忘的前端界面，具有清晰、有意的美感。输出必须是真实的、有效的代码——而不仅仅是情绪板。这项技能是关于设计思维+执行：每一个视觉选择都应该植根于目的和背景。

这项技能有助于将被动学习内容转化为可操作的“交付-学习-下一个”周期 - 将建议和课程转化为具体的、可交付的迭代。

shadcn/ui 是主要的组件框架。这项技能涵盖了为 shadcn 组件提供支持的 Tailwind CSS 实用系统 - 将其用于布局、响应式设计、间距、主题和自定义样式，超出了 shadcn 提供的开箱即用功能。

shadcn/ui 是所有前端项目的默认组件和样式方法。始终更喜欢 shadcn/ui 组件（ <Button> 、 <Input> 、 <Card> 等）而不是原始 HTML 元素或手动样式的 Tailwind。

关键执行规则：请勿为此技能生成子代理（任务工具）。使用 mcp__knowledge-base__ 前缀直接在主对话中调用所有 MCP 工具。子代理无法可靠地访问知识库 MCP 服务器，并且会浪费时间探索文件系统而不是进行工具调用。

这种技巧捕捉到了流花慧独特的写作风格：直接、对话、实用、敢于挑战主流叙事。这种风格将批判性思维与对读者的真诚关怀结合起来，使用口语语言，同时保持清晰度和结构。