tui-fab
tui-fab 是一个生成 Fab 组件 ASCII 文本界面（TUI）的技能，输出严格固定的四个区块：TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC 与 PENCIL_BATCH_DESIGN，并生成可供 Pencil MCP 使用的规范与批量设计计划（每次调用不超过 25 个操作）。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-23 00:13
前端与建站
11,000 个结果
tui-line
tui-line 是 t2ui-skills 下的技能，用于为 Line 组件生成像素精确的 ASCII TUI，并按固定输出块 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN 输出，供 Pencil MCP 使用。
tui-navbar
tui-navbar 是一项技能，用于为 Navbar 组件生成像素级 ASCII 文本界面（TUI）表示，并输出规范的组件规格、Pencil 规格与批量设计计划，所有绘制数据以固定输出块呈现。
tui-nvue
tui-nvue 是一个用于为 Nvue（u-nvue）生成像素级 ASCII TUI 的技能，强制输出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN 四类结果块，并附带布局、样式、排版与 Pencil 批量设计计划。
tui-popup
tui-popup 是一个用于为 Popup 组件生成像素级精确 ASCII 文本界面（TUI）的 AI 技能。它固定输出四类块：TUI_RENDER（等宽字符渲染图）、COMPONENT_SPEC（布局、样式、排版、状态等 JSON 规格）、PENCIL_SPEC 以及 PENCIL_BATCH_DESIGN（面向 Pencil MCP 的批量设计调用计划，每次调用不超过 25 个操作）。技能始终输出布局属性（top/left/width/height、间距、颜色、排版、zIndex），并支持 focused、disabled、loading、error 等状态：disabled 时隐藏交互提示，loading 显示稳定占位，error 以单行页脚截断输出。渲染遵循 tui-front-ui 规则：不使用 TAB、不超过 widthCols、包含表头、主体区与最小热键。该技能不内嵌外部文档链接，建议参考团队组件文档或设计系统。
tui-tabbar
tui-tabbar 是一个用于生成 Tabbar（u-tabbar）像素级 ASCII 文本界面表示的技能，按固定输出块给出 TUI 渲染、组件规格、Pencil 规格与批量设计计划，适配 Pencil 相关流程。
tui-toast
tui-toast 是一个用于为 Toast（u-toast，即轻提示组件）生成像素级精确 ASCII TUI 的技能。它要求每次输出四个固定输出块：TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC 和 PENCIL_BATCH_DESIGN，其中 PENCIL_BATCH_DESIGN 用于生成可供 Pencil MCP 使用的批量设计计划。该技能强调始终输出布局属性（top/left/width/height、间距、颜色、字体、zIndex），并提供组件级渲染规则，如不使用 TAB 字符、不超出 widthCols、包含表头行、内容区与最小快捷键提示。输入模型以 JSON 形式描述宽度列数、网格像素尺寸、props、状态、样式、排版与布局等参数。该技能不内嵌外部文档链接，若需规范参考应使用团队自身的组件文档或设计系统。适用于在设计到代码流程中快速产出 Toast 组件的 ASCII 界面草图与可执行设计规格。
yc-batch-evaluator
面向投资人的 YC 批次评估工具：抓取 YC 公司目录，逐家调研公司及创始人（履历、LinkedIn、官网），评估创始人与公司匹配度，并导出带优先级排序、可实时更新的 Google Sheet。
refine-live
Refine Live 是 Timeline Inspector 的 Refine 代理在聊天内的回退模式：当用户运行 /refine live 时，由当前聊天充当轮询器，通过本地中继（默认 http://localhost:7331）领取并回答 Refine 任务，使面板 LLM 标签保持可用。
artifacts-builder
Artifacts Builder 是一套用于创建复杂、多组件 claude.ai HTML 工件的工具集，基于现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）。它通过初始化脚本生成配置完整的 React + TypeScript 项目，开发完成后可将全部代码打包为单个自包含 HTML 文件，直接在 Claude 对话中作为工件展示。
frontend-design
frontend-design 是一个用于创建高品质前端界面的技能，旨在帮助开发者构建具有独特设计风格、可达到生产级标准的前端组件、页面或应用。该技能强调在动手编码前先进行设计思考，明确界面要解决的问题、目标用户、审美方向和技术约束，并鼓励选择鲜明、明确的美学立场并以精确的方式执行。它适用于需要避免通用化、模板化“AI 风格”外观的场景，引导在字体、配色与主题、动效、空间构图、背景与视觉细节等方面做出有意识的创意选择，最终输出可运行的真实代码（如 HTML/CSS/JS、React、Vue 等）。使用时应根据美学愿景匹配实现复杂度：极繁主义设计需要更精细的动画与效果，极简或精致设计则需要克制、精准和对间距、排版与细节的关注。
enhance-pwa
enhance-pwa 是一个为现有 Web 应用添加或升级 PWA 能力的技能，涵盖 manifest、Service Worker、离线模式、安装提示、推送与后台同步。适用于“把它做成 PWA”“离线支持”等需求，并强调缓存策略、Capacitor 兼容与可安装性验证。
figma-implement-design
将 Figma 设计稿转换为生产级应用代码的技能，追求 1:1 视觉还原。适用于依据 Figma 文件实现 UI 代码的场景，依赖 Figma MCP 服务器，按结构化流程提取设计上下文、截图与资源，并映射到项目设计系统。
prop-drill
用于追踪 React prop 的原始定义与完整传递链路（prop drilling）的技能，可定位 prop 的类型声明与值创建位置，并以可点击代码块、路径表格和 Mermaid 流程图展示从来源到各消费组件的路径。
theme-factory
为幻灯片、文档、报告、HTML 落地页等作品应用主题样式的工具包，提供 10 个含颜色与字体配置的预设主题，也可按需求即时生成新主题。
debug-frontend-with-browser
用于排查间歇性 UI、状态陈旧、排序、导航或仅浏览器出现的缺陷。它在验收流程之上增加边界追踪与回归诊断，帮助定位正确数据首次变为错误的位置。
chat-ui
chat-ui 是来自 ui.inference.sh 的 React/Next.js 聊天界面构建组件集，提供聊天容器、消息气泡、输入框、打字指示器和头像等基础模块。组件基于 Tailwind CSS 与 shadcn/ui 设计令牌，可通过 shadcn CLI 一键安装，适合快速搭建 AI 对话界面。
widgets-ui
widgets-ui 是一套面向 React/Next.js 的声明式 UI 组件方案，来自 ui.inference.sh，目标是把结构化数据（JSON）直接渲染为丰富的交互界面。它通过一个 WidgetRenderer 组件接收 Widget 对象，用 children 嵌套描述布局、排版、表单控件与展示元素，并支持表单提交和数据回传。适合用于智能体或后端返回结构化响应后，前端无需手写组件即可生成界面，例如表单收集、航班信息卡片等场景。
nitro-fetch
面向 AI 编程助手的技能参考，用于在 React Native 项目中使用 react-native-nitro-fetch 系列包（含 WebSocket 与 TextDecoder），按问题路由到仓库内真实 API 文档，避免编造接口。
kf-g-html-document-universal-single-file
用于创建或改订与用户沟通用的单文件 HTML 文档（如 PR 或课题评审 HTML、带注释指南等），以构建产物形式交付。无需构建，支持文本选择注释。
shadcn-ui
shadcn/ui 是基于 Radix UI 与 Tailwind CSS 的 React 组件集合，组件通过 CLI 复制到项目中，代码归使用者所有。本文整理其用途、主要能力、使用方式与限制。
neon-js-react
用于在 React 应用（Vite、CRA 等）中集成 @neondatabase/neon-js 的技能，同时配置 Neon 认证与数据库查询，生成类型化客户端和数据库类型。不适用于 Next.js 项目。
angular-expert
面向 Angular 17+ 的决策与避坑技能，覆盖 signals 与 observables 的取舍、standalone 模式、OnPush 变更检测及常见易错点，帮助 Claude 在 Angular 项目中做出正确选择。
vercel-react-best-practices
面向 React 与 Next.js 的性能优化规则集，由 Vercel Engineering 维护，共 65 条规则，按影响优先级分为 8 类。适用于编写、审查或重构 React/Next.js 代码时参考，用于指导自动化重构与代码生成。