heropy-react-scaffold
用于初始化 React 项目或为现有 React 项目补全缺失配置的技能，可自动检测项目状态并配置 ESLint、Prettier、TanStack Query、Tailwind CSS、VSCode 等。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-02 00:09
前端与建站
11,372 个结果
react-scaffold
用于初始化 React 项目，或为已有 React 项目自动补齐缺失配置（ESLint、Prettier、TanStack Query、Tailwind CSS、VSCode 等）的脚手架技能。
heropy-react-scaffold
用于初始化 React 项目或为现有 React 项目补齐缺失配置的技能，可自动检测项目状态并添加 ESLint、Prettier、TanStack Query、Tailwind CSS、VSCode 等设置。
react-scaffold
用于初始化 React 项目或为现有 React 项目自动补齐缺失配置的技能，可检测 Vite/Next.js、TypeScript、TanStack Query、Tailwind CSS、ESLint、Prettier、VSCode 设置与包管理器，并仅补全缺失项。
tui-line-progress
tui-line-progress 是一个面向 ASCII 文本界面（TUI）的进度条组件生成技能，用来产出像素级精确的 Line Progress 组件输出。它会解析输入模型 JSON（包含 widthCols、grid、props、modelValue、state、style、typography、layout、hotkeys 等字段），按网格把列行位置换算为像素坐标（默认 cellWidthPx=8、cellHeightPx=16），再生成完整的输出块，包括 TUI_RENDER 等宽字符画、COMPONENT_SPEC 组件规格、PENCIL_SPEC 画布与组件清单、PENCIL_BATCH_DESIGN 批量设计调用计划。渲染遵循 tui-front-ui 共享规则：不使用 TAB 字符、不超出 widthCols、提供表头行与主体区域、带最少热键提示；disabled=true 时隐藏交互提示，loading=true 时显示稳定占位，error 非空时在单行页脚输出并按宽度截断。示例覆盖默认、自定义样式、禁用与错误三种情形。
tui-number-box
tui-number-box 是 full-stack-skills 中的一项技能，用于生成并渲染像素精确的 ASCII 文本界面（TUI）Number Box 组件，输出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC 与 PENCIL_BATCH_DESIGN 等完整输出块，并附带 Pencil MCP 可用的规格与批量设计计划。
tui-rate
tui-rate 是一个技能，用于生成并渲染像素精确的 ASCII TUI Rate（评分）组件，输出完整的 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC 与 PENCIL_BATCH_DESIGN 区块，并提供 Pencil MCP 可用的规格与批量设计计划。
tui-read
tui-read 是 partme-ai/full-stack-skills 中的技能，用于把 Read 组件渲染为像素级精确的 ASCII 文本界面（TUI），并输出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN 四类完整结果块。
tui-skeleton
tui-skeleton 是 partme-ai/full-stack-skills 中的技能，用于生成并渲染像素精确的 ASCII TUI Skeleton 组件，输出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN 四个完整输出块，供前端界面设计与 Pencil MCP 使用。
tui-subsection
tui-subsection 是一个用于生成和渲染 ASCII 文本界面（TUI）中 Subsection 组件的技能，输出包含 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC 和 PENCIL_BATCH_DESIGN 四个完整输出块，并生成可供 Pencil MCP 使用的规格与批量设计计划。
tui-switch
tui-switch 是一个用于生成并渲染像素精确的开关（Switch）ASCII 文本界面（TUI）组件的技能，可输出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC 和 PENCIL_BATCH_DESIGN 等完整结果块，将输入模型转换为行列对齐的等宽字符图案，并附带可用于 Pencil MCP 的组件规格与批量设计计划。
tui-transition
tui-transition 是 full-stack-skills 中的一项技能，用于生成并渲染像素精确的 ASCII TUI Transition 组件，输出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC 与 PENCIL_BATCH_DESIGN 四类完整结果，并支持 Pencil MCP 设计规范与批量设计计划。
tui-vuex-detail
tui-vuex-detail 是一个用于生成 Vuex Detail 组件 ASCII 文本界面（TUI）的技能，输出像素级布局规格、Pencil MCP 规格与批量设计计划，便于在终端与设计工具中还原组件。
tui-waterfall
tui-waterfall 是 full-stack-skills 中的技能，用于生成并渲染像素级精确的 ASCII TUI 瀑布流（Waterfall）组件，按固定输出块给出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC 与 PENCIL_BATCH_DESIGN，供终端界面与 Pencil MCP 设计流程使用。
stitch-react-components
将 Stitch 设计稿转换为模块化 Vite/React（TypeScript）组件的技能，强调组件拆分、逻辑隔离、数据解耦与设计令牌一致性，并含校验流程。仅在用户明确提到 Stitch 且要求转 React 时使用。
stitch-shadcn-ui
stitch-shadcn-ui 是一个专注于 shadcn/ui 组件集成与开发的前端工程技能。它指导开发者发现、安装、定制和扩展 shadcn/ui 组件，遵循最佳实践。shadcn/ui 并非传统组件库，而是将组件源码复制进项目，实现完全所有权、完全定制、无版本锁定和零运行时开销。技能涵盖组件发现与安装（如 npx shadcn@latest add）、项目初始化（create/init）、自定义注册表、架构与 cn() 工具、主题与变体定制、blocks 复杂组件、质量验证（类型检查、Lint、无障碍、视觉与响应式测试）以及无障碍保留等。适用于使用 shadcn/ui、Stitch + React + shadcn 或构建 React UI 的场景。
stitch-vue-bootstrap-components
该技能用于将 Stitch 设计稿转换为模块化的 Vite/Vue 3 与 Bootstrap 组件，支持 BootstrapVue 的 Vue 3 版本或 BootstrapVueNext。使用时需用户明确提到「Stitch」并希望转换为 Vue 3 + Bootstrap（Vite、.vue 单文件组件）。技能通过 Stitch MCP 获取屏幕元数据与 HTML，并借助脚本与资源完成可靠抓取与质量检查。目标技术栈为 Vue 3 + BootstrapVue Vue.js 3 Support（@vue/compat）或 BootstrapVueNext（Bootstrap 5 + Vue 3）。
stitch-vue-element-components
将 Stitch 设计转换为模块化 Vite/Vue 3 + Element Plus 组件的技能，通过 Stitch MCP 获取设计 JSON 与 HTML，并按架构规则拆分组件、隔离逻辑、解耦数据。仅在用户明确提到 Stitch 并需转换到 Vue 3 + Element Plus 时使用。
stitch-vue-layui-components
该技能用于将 Stitch 设计稿转换为模块化的 Vite/Vue 3 与 Layui-Vue 组件。它通过 Stitch MCP 的 get_screen 获取屏幕元数据与 HTML，并借助脚本实现高可靠性抓取与质量检查。仅当用户明确提到“Stitch”并需要把 Stitch 屏幕转换为 Vue 3 + Layui-Vue（Vite、.vue SFC）时使用。技能强调模块化拆分组件、逻辑隔离、数据解耦，并强制使用 Layui-Vue 框架组件（如 lay-card、lay-divider 等），遵循 Layui 颜色令牌与 2px/4px 圆角。
stitch-vue-vant-components
将 Stitch 设计稿转换为模块化 Vite/Vue 3 + Vant 4 移动端组件的技能，通过 Stitch MCP 获取屏幕元数据与 HTML，并用脚本可靠下载，按契约映射为 van-* 组件。
tauri-app-frontend-selection
这是一个面向 Tauri v2 的前端框架选择与配置指导技能。当用户在选择 Tauri v2 的 Web 前端框架，或需要为 Tauri 配置 SSG、静态导出，以及需要判断 Vite 与 SSR 框架取舍时使用。技能会先澄清 SSR、SSG 与静态导出需求，在无 SSR 需求时默认推荐 Vite，并为 Next.js、Nuxt、SvelteKit、Qwik、Trunk 提供静态导出配置指引，同时确保输出路径与 Tauri 的资源加载方式一致。其输出包括框架推荐及理由、静态导出配置清单。适用范围限定于前端框架的选择与初始化，重点在于静态导出配置与输出目录映射。触发词涵盖 frontend selection、Vite、Next.js、Nuxt、SvelteKit、SSG、static export，以及对应的中文说法如前端框架选择、静态导出。
tauri-app-notification
面向 Tauri v2 通知插件的技能，指导系统通知的类型与流程设计、插件能力配置、权限申请与点击回调处理，并将通知点击安全映射到应用路由。适用于系统通知、通知权限或回调、通知触发深链等场景。
tauri-app-positioner
面向 Tauri v2 positioner 插件的使用指南，聚焦多显示器对齐策略。适用于对齐弹窗或托盘窗口、多显示器定位、跨平台一致位置等场景，涉及定位、对齐、多显示器、托盘窗口等关键词。
tauri-app-splashscreen
面向 Tauri v2 应用的启动页（splashscreen）配置与生命周期指导技能，帮助开发者避免应用初始加载时出现白屏。适用于设置启动页资源与窗口参数、决定隐藏启动页和显示主窗口的时机、处理前端加载缓慢与错误回退等场景。