harness-accept
面向非工程师委托方的验收判断技能：在 ship/wait/reject 决策前生成单页 Acceptance Demo HTML，读取 Plan Brief 阶段保存的 acceptance_criteria 并评估，输出验收上下文 JSON 与推荐结论。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-25 00:14
前端与建站
11,086 个结果
crank-deepen
用于扫描代码库中的架构“加深”机会（浅模块、接缝泄漏等），生成可视化 HTML 报告，引导用户选定一个候选并进行深入追问，最终产出交给 crank 流水线规格阶段的简报。仅扫描，不重构目标仓库。
designing-avalonia-customcontrol-architecture
该技能用于在 AvaloniaUI 桌面应用中规划基于 CustomControl 的解决方案结构，指导新建项目或设计控件架构时采用 ControlTheme 实现主题与逻辑分离，并说明 AXAML 代码、文件布局及 WPF 与 AvaloniaUI 的差异。
clix-integration
用于把 Clix 移动端分析 SDK 集成到 iOS、Android、Flutter 与 React Native 项目的技能，提供安装、初始化与验证的分步指引，并优先通过 Clix MCP Server 获取最新官方代码，缺失时回退到静态示例。
eliteforge-google-stitch-onboarding
EliteForge 的 Google Stitch 前端落地技能，用于把 Google Stitch 原型导出首次实现为前端项目。它依赖 $eliteforge-task-progress-tracker，按四步流程推进，每步需人工确认，强调增量、可审计与证据留存。
functional-ui-prototype
functional-ui-prototype 是一个用于构建纯浏览器端功能型 UI/UX 原型的技能：以 localStorage 作为持久层，模拟真实网络延迟，要求视觉与代码质量对齐生产标准，且不涉及任何后端改动。
django-htmx
django-htmx 是 Django 与 htmx 的集成库，用于在不写复杂 JavaScript 的情况下构建动态网页。它提供请求检测、htmx 专用响应类、响应头修改函数、querystring 模板标签与 CSP 支持，兼容 Django 6.0 与 Python 3.10–3.14。
deploy-website
deploy-website 是 plan-website → build-website → deploy-website 链中的最后一步，面向非技术用户，把已完成并获认可的网站通过 Netlify 或 Vercel 发布上线，拿到可分享的真实网址，并验证页面正常，最后说明后续如何重新部署和配置自定义域名。
abramov-state-composition
以 Redux 联合创始人、React 核心团队成员 Dan Abramov 的风格编写 JavaScript 代码的技能，强调可预测的状态管理、组合优于继承，以及让不可能的状态变为不可能。
twist-cli
Twist CLI（命令名 tw）是 Doist 出品的 Twist 消息命令行工具，可在终端查看与回复收件箱、频道线程、私信、群组会话和提及，并支持搜索、表情回应、归档、静音等操作，适合脚本化或智能体调用。
nextjs-app
面向 Next.js App Router（app/ 目录）的 API 参考型技能，提供参考文档、示例与脚本说明，帮助按文件规约与 API 规格编写 App Router 应用；不支持 Pages Router 相关 API。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
quick-view
Quick View 是一个用于把 Claude Code 终端输出转成极简 HTML 页面、在浏览器中审阅的技能。适合查看列表、表格、草稿和摘要，支持临时/保留/归档的文件生命周期、深色模式、长内容折叠与草稿编辑追踪。
vercel-react-best-practices
来自 Vercel 工程的 React 与 Next.js 性能优化指南技能，包含 8 大类共 57 条按影响优先级排序的规则，用于在编写、审查或重构 React/Next.js 代码时指导自动化重构与代码生成。
css-container-queries
CSS 容器查询技能：让卡片、组件、面板等按父容器尺寸自适应，而非依赖视口断点，从而提升组件可移植性并降低与页面布局的耦合。
react-use-callback
一个用于判断何时应使用 React useCallback 的技能，强调仅在函数标识稳定性确有需要时使用，避免默认添加。
react-use-client-boundary
用于在 React 与 Next.js 中正确放置 "use client" 边界的技能，帮助开发者只在必要位置添加客户端指令，保持服务端组件为服务端组件，并处理数据获取与 props 传递问题。
react-use-state
React useState 使用技能：指导在组件中管理简单本地状态，涵盖调用规则、不可变更新、更新函数与惰性初始化，并说明何时改用 useRef、useReducer、派生值或外部状态方案。
tailwind-v4-configuration
Tailwind CSS v4 的 CSS-first 配置技能，用于安装 v4、从 v3 迁移，以及配置 Vite、PostCSS、CLI 或框架集成。核心是用 @import "tailwindcss" 与 @theme 定义主题令牌，默认自动检测内容。
one-component-per-file-best-practice
该技能用于在检查或重构 React/Vue 组件文件时强制“一文件一组件”规范，要求每个文件只包含一个组件，不允许多个组件共存于同一文件，支持 TSX、JSX 与 Vue。它适用于前端代码审查与组件拆分场景，包含扫描与拆分工作流以及检查清单两部分说明，并强调完成拆分后需对照检查清单确认所有项目通过。关于具体检测规则、执行步骤、检查清单条目、安装命令、收费方式与适用平台等细节，资料暂未提供。
refactor-classname
用于检查或转换 React/Vue 文件中的 className 写法，将 className 模板字符串重构为 cn 函数调用，支持递归扫描文件夹并生成详细报告，适用于优化 className 写法与规范检查。
prototype-ui
prototype-ui 是一个面向 UI 原型制作场景的 AI 技能，用于把 specs-ui 技能产出的界面规格项目转换为可点击的纯 UI 原型。原型基于 HTML、Tailwind 与 Alpine.js 构建，保留规格中的页面与视觉风格，并让主要用户路径可以真实操作：可导航、填写表单、列表随交互变化、状态依次推进，全部在浏览器内模拟完成。该技能适用于用户测试（引导式场景、受控起始数据、观察记录）和演示，而非真实应用本身，规格仍是唯一参照。技能提供脚手架、构建、检查、场景演练、规格漂移跟踪与发布等脚本，并强调控制上下文开销：先读 PROTOTYPE.md 与 outline 概要，避免整页读取。界面文案、场景与交互提示为法语，代码标识为英语。
latchshot-page-capture
Latchshot页面截图技能：将公开HTTP(S)网页通过无依赖客户端保存为本地PNG、JPEG或PDF文件，支持全页截图与PDF输出，仅限公开页面，需Node.js 20以上。
pinme
PinMe 是一个用于把前端项目构建产物或静态网站上传到 IPFS 并获取预览链接的技能。当用户需要部署、上传、发布前端项目或静态文件时使用，支持 Vue、React、Next.js 等构建输出目录。