bevy-diagnostics-profiling
该技能面向 Bevy 0.19 的诊断与性能剖析，指导使用 DiagnosticPath、DiagnosticsStore、info_span! 与 RenderDiagnosticsPlugin 建立自定义指标、CPU/GPU pass 计时、队列与上传遥测，并给出平台限制与评审清单。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-20 00:13
前端与建站
10,920 个结果
landing-page-craft
Landing Page Craft 是一套用于设计、实现或改进落地页与营销网站的智能体技能，强调围绕真实转化决策组织页面，而非堆砌流行区块。适用于首页、产品页、发布页、作品集等场景。
html-artifacts
html-artifacts 是一个让 AI 智能体在内容更适合空间布局、颜色、真实图表、交互或分享时，输出自包含 HTML 文件而非 Markdown 文档的技能。它提供判断标准、通用规则、分类参考与交付前验证流程。
storybook
用于为 Svelte 组件创建和更新 Storybook 故事的技能，涵盖 Svelte CSF 故事格式、defineMeta、argTypes 以及基于 snippet 的复杂组合写法。
react-dev
面向 FMC TanStack Start 应用的 React 19 + TypeScript 技能：类型化组件、事件、泛型、ref-as-prop、Compiler 优先记忆化与 useEffect 规范。
bid-cover-formatter
招投标书封面格式化技能：将中文招标、投标、报价、商务、技术文件等封面的 Markdown 内容，转换为用 HTML 标签表示样式的 Markdown，便于后续转成 Word，并按黑体、二号、居中、一页布局等打印规范排版。
parcel
Parcel 打包器使用指南，涵盖零配置搭建、资源处理、热模块替换与生产构建，适合需要快速打包 Web 应用、配置入口与环境变量、部署输出的场景。
sveltekit-config
SvelteKit 配置、构建、部署与性能技能，覆盖 adapter 选择（node/static/cloudflare/netlify/vercel）、高级路由与布局、认证集成、性能优化、图片处理、无障碍、SEO、调试与从 v1/Sapper 迁移。
sveltekit-data
SvelteKit 数据层技能，覆盖 SvelteKit 2 的数据加载、表单 actions 与页面选项。涉及 +page.js/+page.server.js 的 load 函数、+server.js API 路由、默认与具名表单 action、use:enhance 渐进增强，以及 prerender/ssr/csr/trailingSlash 等页面配置。
sveltekit-overview
SvelteKit 官方应用框架的中文技能资料，涵盖项目创建、渲染模式选择、项目结构、Web 标准 API 使用与路由文件约定。重点讲解如何使用 npx sv create 引导项目，如何在 SSR、SSG、SPA、MPA、混合等模式间选择（通过 prerender、ssr、csr 等页面级选项与适配器配置），以及 src/routes、src/lib、static、svelte.config.js 等标准目录与配置。路由部分说明 +page.svelte、+page.js、+page.server.js、+layout、+server.js、+error.svelte 的用途与规则，并介绍自动生成的 $types 类型模块（PageLoad、PageServerLoad、LayoutLoad、RequestHandler、PageProps 等）。还包含 Web 平台 API（fetch、Request、Response、Headers、FormData、ReadableStream、URL、URLSearchParams、crypto）在 load、hooks 与 +server.js 中的使用注意事项，以及常见问题排查与易错点。
laravel-vite
面向 Laravel 项目的 Vite 前端构建技能，覆盖资源打包、HMR、SSR、Vue/React/Svelte 集成与生产优化，用于配置前端构建流水线。
eslint-prettier-husky-config
该技能用于为 Next.js/React 项目配置代码质量工具链，涵盖 ESLint v9 扁平配置、Prettier 格式化、Husky Git 钩子、lint-staged 预提交检查与 CI lint 检查，并提供配置模板与团队文档参考。
token-usage
IDS Design System 的设计令牌使用技能，指导在 React 组件与 CSS 中正确引用颜色、间距、圆角与排版令牌，涵盖导入方式、常见错误与使用规则。
modern-css-html
该技能用于在编写 CSS 与 HTML 时优先采用现代原生平台特性，评估浏览器支持，并用渐进增强替换旧式变通方案；强调用原生元素与 CSS 替代不必要的 JavaScript。
static-spa-interactions
为原生静态单页应用补充交互层的技能：进度持久化、侧边栏与滚动高亮、主题切换、内容缩放、淡入动画、复制、Toast、测验回链、iframe 预览与滚动锁定等可独立添加的模式。
nesting-optimization
面向不规则形状与多边形排样（nesting）的优化技能，帮助在板材、皮革、布料、木材或复合材料上下料时减少浪费；可评估形状、材料、旋转与间距等约束，并用启发式或遗传算法求排样方案。
react-skills
React Skills 是面向 LlamaFarm Designer 子系统的 React 18 开发技能集，提供组件、Hooks、TanStack Query 与测试等最佳实践和模式。内容涵盖技术栈（React 18.2、TypeScript 5.2+、TanStack Query v5、React Router v7、TailwindCSS、Radix UI、Vite、Vitest + React Testing Library）、目录结构、核心模式（组件组合、状态管理、Hooks、样式）以及测试示例，并附有组件、Hooks、状态、性能、安全等专题指南。
publish-html-report
一个参考模式技能，用于生成自包含的HTML可视化报告（架构图、依赖图、分析报告等），通过GitHub secret gist加htmlpreview.github.io构造可浏览链接，绕过Markdown在GitHub上渲染能力有限的限制，无需GitHub Pages或付费方案。
style-extractor
Style Extractor（Web Style + Motion）用于从网站或 Web 应用中提取可复用的设计系统，包括颜色、字体、间距、组件、状态，以及动效的时长、关键帧、延迟链和 JS 驱动行为。输出基于证据的风格指南、动效附录与证据清单。
tanstack-charts
TanStack Charts 是一个带类型定义的图表语法（chart grammar）技能，为标记（marks）、比例尺（scales）、布局、交互、无障碍、渲染以及各框架适配器提供指导。当项目使用 TanStack Charts 时可参考本技能。它强调只使用所记录版本对应的 API，并优先依据已安装包的类型与版本匹配的源码，而非凭记忆作答。技能覆盖从入门、图表语法、核心与高级可视化模式，到各类标记参考、规格说明、类型参考、交互与动效、运行时与比例尺、渲染与组合、无障碍、生产与迁移等主题，并针对 React、Preact、Vue、Solid、Svelte、Angular、Lit、Alpine、Octane、React Native 等框架提供适配器指引。
shadcn
用于在项目中构建、更新、调试和样式化 shadcn/ui 组件的技能，基于项目自身的 registry 与约定。组件以源码形式通过 CLI 加入项目，可用 npx shadcn@latest 等包运行器执行命令。
tanstack-table
TanStack Table 无头、类型安全数据表格的实践指南，面向 React，涵盖排序、过滤、分页、行选择与列定义等用法。
react-three-fiber
React Three Fiber 渲染器，用于 json-render 生态，可将 JSON 规格渲染为 3D 场景。该包提供 19 个内置 3D 组件，涵盖几何体、灯光、模型加载、环境贴图、雾效、网格辅助、3D 文字、相机与轨道控制等，并附带可复用的 Zod 校验 schema。它提供两个入口：catalog 入口仅导出组件定义与 schema，不依赖 R3F，可安全用于服务端；主入口导出 R3F 实现与渲染器。使用时从标准定义中挑选所需组件构建 catalog，再挑选对应实现构建 registry，最后通过 ThreeCanvas 便捷组件或手动 Canvas 配合 ThreeRenderer 渲染。适用于需要以 JSON 描述并动态生成 3D 内容的 React 应用场景。
threejs-textures
Three.js 纹理技能，涵盖纹理类型、UV 映射、环境贴图与纹理设置。适用于处理图像、UV 坐标、立方体贴图、HDR 环境等场景。内容包括纹理加载（TextureLoader、Promise 封装）、色彩空间与包裹模式配置、过滤与 mipmap、常规/数据/画布/视频/压缩纹理、立方体贴图与 HDR 环境贴图、渲染目标与深度纹理、CubeCamera 动态环境贴图、UV 映射与纹理图集、PBR 材质贴图组合、程序化纹理生成，以及纹理内存管理与性能优化建议。