oneshot-website
生成沉浸式、电影感的单文件 HTML 网站，内嵌 CSS 与 JS，不使用外部图片，可直接粘贴到 CodePen 或部署到 Vercel，适合写作展示、作品集和概念落地页。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-29 00:09
前端与建站
11,277 个结果
odyssey-ui
odyssey-ui 是一个长期运行的 UI 优化循环工作流，覆盖视觉勘察、多维度审计、发散探索、修复、验证、模式泛化、发现与设计知识沉淀。它在指定目标上按阶段推进，产出会话记录与理解文档，并可通过标志控制跳过修复或泛化。
team-frontend
团队前端开发技能，基于 team-worker 智能体架构，作为统一路由器，覆盖需求分析、设计系统生成、前端实现与质量保障，内置 ui-ux-pro-max 设计智能。所有角色共用同一智能体定义，按 role.md 加载各自阶段指令。
team-frontend-debug
基于 Chrome DevTools MCP 的前端调试团队技能，支持功能清单测试与错误报告调试双模式。通过 coordinator 调度 tester、reproducer、analyzer、fixer、verifier 等角色，按测试或复现流水线自动分析、修复并验证前端问题。
team-interactive-craft
面向交互式组件开发的团队协作技能，基于 team-worker 智能体架构，把研究、交互设计、构建与无障碍测试串成流水线，使用原生 JavaScript 与 CSS 实现零依赖组件。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
catalysis-analysis
用于从 DFT 计算结果中分析催化相关量的技能，可估算吸附能、d-band 中心与反应势垒，并对催化剂候选、吸附选择性、反应路径和表面位点进行比较，支持 VASP、QE、ABINIT 类输出目录。
developing-wpf-customcontrols
面向 .NET 的 WPF CustomControl 开发技能，按 Parts and States 模型最佳实践，指导创建可用 ControlTemplate 定制外观、支持主题的自定义控件。
implementing-pubsub-pattern
面向 .NET 的发布-订阅模式实现指南，讲解用 System.Reactive（Rx.NET）与 System.Threading.Channels 做基于事件的异步通信，适用于构建响应式应用或解耦组件。
implementing-wpf-adorners
介绍 WPF Adorner 装饰层的实现模式，涵盖 AdornerLayer、AdornerDecorator 与自定义 Adorner，用于拖拽手柄、校验提示、水印等叠加装饰场景。
implementing-wpf-rtl-support
在 WPF 中通过 FlowDirection 实现从右到左（RTL）布局支持，适用于阿拉伯语、希伯来语、波斯语等 RTL 语言应用。
rendering-with-drawingvisual
介绍 WPF 中使用 DrawingVisual、ContainerVisual、VisualCollection 与 DrawingContext 进行轻量级渲染的技能，适用于大规模图形绘制、分层视觉结构与命中测试等场景。
resolving-icon-font-inheritance
解决 WPF CustomControl 中使用 Segoe Fluent Icons 时 TextBlock 意外继承图标字体导致文字显示为方框的问题，通过为文字元素显式指定 FontFamily 修复。
frontend-design
资料用途摘要：Citypaul的完整仓库说明把原frontend-design标为已由Impeccable设计方法体系替换，介绍前端设计词汇、质量检查与设计上下文，并列出审阅提交5d10bc8。本页仅整理这个保存版本记载的设计用途及替换状态，不声称恢复旧frontend-design全文，也不确认旧安装命令仍能取得相同内容。
xstate
XState 是一个用于将前端与工作流逻辑建模为状态机和状态图（statechart）的技能，基于 XState v5 的 setup()、createActor 与 actor 模型。它适用于向导、结算、认证、上传等带有模式、时序、取消、超时和重试的流程逻辑，核心判断依据有两条：该值是否由外部答案（如网络响应、计时器）改变，以及该交互是否存在可被中断的中间阶段。技能强调事件优先的机器设计、守卫与动作、延迟、invoke 与 spawn 的区别、应用级 actor 系统、持久化、@xstate/react 集成、以及基于行为驱动的机器测试（含 xstate/graph 模型化路径生成），并会在机器设计或变更时生成 Mermaid stateDiagram-v2 图表。它也会在普通 React 代码已经手写状态图（如 submitting/isLoading 的 useState、then/catch 链、双重提交防护、需清理的 useEffect、定时器或拖拽手势绑定监听器）时触发。
framer-motion
Framer Motion 是面向 React 的动画库，声明式、基于物理并支持手势。提供 motion 组件、variants 编排、AnimatePresence、FLIP 布局动画、滚动联动与弹簧过渡等能力，用于实现列表入场、页面切换、共享元素与拖拽等动效。
mosaic-machine
Mosaic Machine 是 Clerk JavaScript 仓库中的状态机编写工具，基于 XState v5 模式，用于创建 createMachine、建模多步骤流程并将状态机接入 React。提供 setup、assign、fromPromise、useMachine、useActor、useSelector 等类型化 API。
frontend-review
frontend-review 是 coder/coder 仓库中的前端自审技能，用于在创建或更新 PR 前，按 FE1-FE10 规则审查 site/src 下的分支 diff 并修复违规。
josh-comeau-frontend
一个面向前端开发的中文技能包，基于 Josh W. Comeau 文章的独立整理，用于构建、调试和打磨 Web 界面，涵盖 CSS 布局、React 渲染、动画、SVG、无障碍等主题，提供离线检索脚本与验证清单。
gluestack-nativewind
用于强制遵循 Gluestack UI v3 与 NativeWind v4 设计规范的技能，帮助统一样式写法、提升性能与可维护性。适用于新建组件、审查与重构样式、修复不一致、添加暗色模式等场景。
workbuddy-theme
为 WorkBuddy Electron 桌面应用（macOS/Windows）创建、检查、验证、预览、打包、发布、应用与还原可逆 CSS 主题的 Skill。主题仅在运行时注入，不修改应用签名包、认证数据或用户对话。
comfy-custom-nodes-frontend
这是 ComfyUI 自定义节点包的前端资源打包回退机制，用于把自定义节点包中的浏览器端资源发布出去。该技能支持两种声明方式：在包的 __init__.py 中设置模块级 WEB_DIRECTORY（以包目录名作为键），或在 pyproject.toml 中配置 [tool.comfy].web（以 project.name 作为键）；两者都只在目录实际存在于磁盘时生效，相对路径写错会被静默跳过。文件通过 /extensions/<name>/… 提供，前端加载的清单只枚举 **/*.js，因此 TypeScript 或 JSX 需构建为 .js。扩展名必须唯一，重复注册会报错。前端状态仅作展示用，Python 节点读取的所有非机密值应保存在持久化的 widget 值中，凭据不得放入 widget。
assistant-ui-primitives
assistant-ui-primitives 是 assistant-ui 提供的无样式、可组合 UI 原语指南，聚焦 ThreadPrimitive、ComposerPrimitive、MessagePrimitive 等组件，用于自定义聊天界面。它遵循 Radix UI 的无样式可组合模式，通过组合各原语的子部件（如 ThreadPrimitive.Root、ComposerPrimitive.Input、MessagePrimitive.Content）构建完全自定义的对话 UI。资料涵盖导入方式、各原语关键部件、自定义 Thread 示例、条件渲染、内容部件、分支选择器以及常见问题。适用于需要深度定制聊天界面外观与交互的 React 项目。原语默认无样式，需自行添加 className 或 CSS；条件渲染推荐使用 AuiIf，旧的 .If 组件已废弃；使用前需用 AssistantRuntimeProvider 包裹并确保父级原语提供上下文。
assistant-ui-runtime
assistant-ui 运行时与状态管理指南，介绍 AssistantRuntime 层级、线程与消息操作、状态访问 Hook 及事件监听，适用于在 React 中构建聊天界面时管理线程和消息数据。