styling-with-shadcn
使用shadcn/ui组件在Next.js中构建美观且可访问的UI。在创建表单、对话框、表格、侧边栏或任何UI组件时使用。涵盖安装、组件模式、react-hook-form + Zod验证以及暗黑模式设置。不适用于构建非React应用程序或使用不同的组件库时。
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
使用shadcn/ui组件在Next.js中构建美观且可访问的UI。在创建表单、对话框、表格、侧边栏或任何UI组件时使用。涵盖安装、组件模式、react-hook-form + Zod验证以及暗黑模式设置。不适用于构建非React应用程序或使用不同的组件库时。
构建一个Next.js前端,以与BNB Chain上的BAP-578非同质化代理合约进行交互。涵盖钱包连接、链设置、ABI集成、用于铸造和管理的React钩子以及代理身份的UI模式。
一套使用现代前端网页技术(React、Tailwind CSS、shadcn/ui)创建复杂多组件claude.ai HTML作品的工具集。适用于需要状态管理、路由或shadcn/ui组件的复杂作品,不适用于简单的单文件HTML/JSX作品。
开发中的产品提供功能/UI灵感。通过研究顶级应用,实现大约5种设计提案。采用“全部尝试,选择最佳”的工作流程,在实际比较后选择最佳模式。
根据结构化输入生成全面的产品需求文档。应用公司模板,创建技术规范,定义成功指标,构建发布检查清单,并随时间推移对PRD变更进行版本控制。
为OpenClaw工作流提供强大的URL转Markdown提取功能。当用户想要“提取/总结/转换网页为Markdown格式”(特别是微信mp.weixin.qq.com的文章)而web_fetch/浏览器被阻止或结果混乱时使用。首先通过web_fetch进行低成本探测,然后回退到官方MinerU API(通过本地mineru-extract技能),并返回带有来源链接的可追踪结果合同。
项目管理和产品需求分析。当用户需要制定项目计划、编写 PRD 文档、管理任务或进行需求分析时使用此技能。
为Nostr设置基于NIP-05的DNS身份验证,包括/.well-known/nostr.json端点、CORS头和kind:0个人资料更新。在配置NIP-05、设置nostr.json、调试NIP-05验证失败、向Nostr个人资料中添加DNS身份或处理/.well-known/nostr.json文件及Nostr客户端的CORS时使用。
协调前端开发任务(React、TypeScript、UI/UX)。在实现用户界面、组件、状态管理或视觉特性时使用。应用frontend-standard.md进行质量控制。
设计原则的逐步指导
召唤一个由三位设计传奇人物(Don Norman、Jony Ive和Steve Jobs)组成的小组,来分析一个软件项目,并就其界面设计的最佳方式展开激烈的讨论。最终生成一份可操作的UI/UX设计PRD(产品需求文档)以Markdown格式呈现。当用户要求审查、设计、改进或重新思考项目的UI/UX时使用此技能。同样适用于请求设计意见、界面反馈或设计方案的情况。触发条件包括:界面设计、UI审查、UX…
全面的文档创建、编辑和分析功能,支持修订模式(tracked changes)、批注、格式保留和文本提取。适用于处理专业文档(.docx 文件)的情况,包括:(1) 创建新文档,(2) 修改或编辑内容,(3) 处理修订痕迹,(4) 添加批注,或其他任何文档任务。触发关键词:docx, Word, 文档处理, 修订痕迹。
当用户询问“SPAWN REQUEST格式”、“代理报告”、“代理协调”、“并行代理”、“报告格式”、“代理通信”,或需要了解代理如何在冲刺系统内协调时,应使用此技能。在检测到适当上下文时使用。根据技能目的通过相关短语触发。
检测加密货币市场中的显著价格变动和异常交易量。通过结合价格变动、成交量比率和市值来计算重要性得分。在跟踪市场动向、寻找涨跌股票或检测成交量激增时使用。可以通过诸如“扫描市场动向”、“涨幅最大”、“跌幅最大”、“成交量激增”、“什么在动”、“找到暴涨”或“市场扫描”等短语触发。
构建正确的Nostr REQ过滤器以处理复杂的查询。在构建Nostr中继订阅、查询事件、构造REQ消息、按标签筛选、组合多个过滤条件或使用Nostr协议过滤语法时使用。处理AND/OR语义、标签过滤陷阱、多过滤器订阅以及常见的查询模式,如主题、zaps、反应和动态。
发送ActivitySmith推送通知,并从任何代理驱动Live Activity的开始/更新/结束生命周期。当任务需要警报、进度更新、完成通知或Live Activity生命周期操作时使用。
当用户需要为创建UI/UX原型生成详细、结构化的提示时,应使用此技能。当用户请求帮助“创建原型提示”、“设计移动应用程序”、“生成UI规范”,或需要网页/移动应用程序的全面设计文档时触发。支持包括微信工作、iOS原生、材料设计和蚂蚁设计移动在内的多种设计系统。
专业的UI设计和前端界面指南。在创建网页、小程序界面、原型或任何需要独特且生产级设计以及卓越美学质量的前端UI组件时使用此技能。
Vue 2.6.14 Options API 的最佳实践、响应式系统、组件模式以及生态系统集成。每个参考仅展示 Vue 2.6.14 特定的解决方案。
Unity引擎集成技能,用于项目设置、C#脚本编写、场景管理、预设体创建和编辑器自动化。使大语言模型能够通过MCP服务器与Unity编辑器交互,进行资源操作、脚本生成和自动化工作流程。
通过Brave Search API进行网页搜索和内容提取。可用于搜索文档、事实或任何网络内容。轻量级,无需浏览器。
跟踪加密货币期权流动,以识别机构仓位和市场情绪。在跟踪机构期权流动时使用。通过诸如“跟踪期权流动”、“分析衍生品”或“检查机构”等短语触发。
用于从自然语言描述构建Nostr事件,构建特定类型的标签结构,实现kind:1回复的NIP-10线程化,创建非笔记内容的NIP-22评论,或生成带有正确e/p/a标签标记和序列化格式的正确事件JSON。
用于自主编码项目的交互式规范构建器。当用户有模糊的想法、需要帮助定义需求、想要创建项目规范或在运行autonomous-master之前使用。