acreadiness-assess
在仓库中运行 AgentRC 就绪度评估，生成静态 HTML 仪表盘 reports/index.html，用于查看仓库对 AI 的友好程度。属于 AgentRC「测量→生成→维护」循环中的测量步骤。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-19 00:11
前端与建站
10,852 个结果
kwc-react-development
KWC 项目中 React 框架下的组件开发指导 Skill，由 kwc-project-scaffold 调度，仅负责代码编写与维护，不创建文件、不承接用户需求。适用于已完成初始化且框架为 React 的工程。
frontend-design
frontend-design 是一个前端设计技能，用于设计并实现具有鲜明美学方向、可直接投入生产的网页界面。它强调设计思维与真实代码执行，适用于新建页面、组件重设计、排版与配色优化等场景。
html-ppt-taste-brutalist
一个用于生成 16:9 HTML 演示文稿的风格技能，采用战术遥测／CRT 终端视觉：深炭灰底、白色磷光等宽字、危险红点缀与扫描线叠加，适合项目复盘、安全评审、基础设施事故报告等汇报型场景。
reactuse
面向 React.js / Next.js 团队的 reactuse 技能手册，帮助按需求挑选并正确调用 reactuse 的各类 Hook，覆盖状态、异步流程、浏览器 API 与 UI 交互，优先用现成 Hook 替代自写代码。
frontend-patterns
面向 React 与 Next.js 的前端开发模式参考，涵盖组件组合、自定义 Hook、状态管理、性能优化、表单处理、错误边界、动画与无障碍等实践，以代码示例形式给出可复用写法。
conductor-rewrite-performance
该技能面向使用 React 构建本地优先（local-first）桌面应用的开发者，用于诊断并优化导航与流式内容场景下的过度重渲染问题。其核心思路是：当 SQLite 作为数据源、UI 不再等待网络时，性能瓶颈会上移到渲染层，因此每一次不必要的重渲染都会成为用户可感知的卡顿。技能覆盖五类典型问题：导航或路由切换引发级联重渲染、聊天或长列表在流式输出时变慢、使用 Tauri 无法访问 Chrome DevTools 进行性能分析、侧边栏/导航/聊天/终端/编辑器等重型视图同时挂载后集体重渲染、以及多个重量级子进程导致内存耗尽。对应给出的战术包括：通过为 Tauri 的 invoke() 桥接创建开发期 shim，在 Chrome 中用 React DevTools Profiler 做性能分析；用 TanStack Router 替换 react-router 以获得结构化共享与稳定引用；对消息列表同时使用虚拟化与 memo；把 git 检查点等昂贵的同步操作移出关键路径；并对多个子进程实施空闲关闭与按需恢复。适用场景为 Tauri + React 的本地优先桌面应用性能调优，尤其是流式聊天界面和多视图并存的工作台。限制与前置条件：资料未说明具体支持的操作系统、依赖版本或安装命令。
hunt-html-injection
hunt-html-injection 是面向漏洞猎人的 HTML 注入检测技能，指导把用户输入作为原始 HTML 渲染且未转义的场景识别出来，并用带唯一数字金丝雀的标签向量（如 <b>、<img>、<svg> 事件处理）证明注入，说明钓鱼、界面篡改、凭据窃取、悬空标记外带与邮件上下文注入等影响。
improve-codebase-architecture
该技能扫描代码库，寻找“深化”重构机会（把浅模块变为深模块），生成自包含的 HTML 可视化报告，并对用户选中的候选方案进行追问式探讨。
accessibility-general
ACCESSIBILITY.md 代理技能：指导 AI 编程代理在含 ACCESSIBILITY.md 的项目中遵循无障碍框架，涉及 WCAG 2.2 AA 合规、主题专用技能加载、严重度分级与上游优先修复原则。
css-animation
该技能用于生成自包含的 HTML/CSS 动画，模拟真实应用功能，适用于产品演示、引导和营销。它通过 Chrome 研究目标应用的设计语言与布局，经访谈确定动画风格与目标尺寸，再生成可迭代的 HTML 文件并进入审查循环。
nextjs-expert
Next.js 框架专家技能，覆盖 App Router、Server Components 与 API 路由，给出 Next.js 14/15 的编码、异步请求 API、错误与加载处理等规范。
frontend-design
frontend-design 是一个用于创建高品质前端界面的技能，旨在帮助开发者构建具有独特设计风格、可达到生产级标准的前端组件、页面或应用。该技能强调在动手编码前先进行设计思考，明确界面要解决的问题、目标用户、审美方向和技术约束，并鼓励选择鲜明、明确的美学立场并以精确的方式执行。它适用于需要避免通用化、模板化“AI 风格”外观的场景，引导在字体、配色与主题、动效、空间构图、背景与视觉细节等方面做出有意识的创意选择，最终输出可运行的真实代码（如 HTML/CSS/JS、React、Vue 等）。使用时应根据美学愿景匹配实现复杂度：极繁主义设计需要更精细的动画与效果，极简或精致设计则需要克制、精准和对间距、排版与细节的关注。
animate-css-skill
animate-css-skill 用于在 HTML、React/JSX 组件和 WordPress PHP 模板中应用 Animate.css v4.1.1 动画，覆盖完整类目，并包含滚动触发、RTL 方向翻转与降低动态偏好适配。
swiftui-claude-skills
面向 iOS 26 的 SwiftUI 技能包，提供经 AI 群体校验的 SwiftUI 知识，覆盖 iOS 26 Liquid Glass、动画系统及新增组件等，资料称与 WWDC 2025 文档核对并在 Xcode 26.3 中测试。
web-rules
一套面向 React 19、Next.js 16 App Router 与 Tailwind CSS 4 的严格设计与 UX 规则集，共 34 条、分 6 类，用于构建界面、评审 PR、选择交互模态与处理表单。
react-compiler
面向 React 19+ 且启用 React Compiler 的代码库的编码与审查技能：默认不写 useMemo、useCallback、React.memo，由编译器负责记忆化，并审计既有代码中多余的手动记忆化与静默跳过编译的问题。
xss-html-injection
面向授权安全评估的客户端注入漏洞测试技能，用于发现并演示 Web 应用中的 XSS 与 HTML 注入缺陷。仅限获得明确书面授权的教育或安全测试场景使用，未获确认时保持只读并提供防御建议。
bootstrap-vite
在 Vite 项目中引入并打包 Bootstrap 6 的 CSS 与 JavaScript 的配置指南，涵盖 npm 依赖安装、项目结构、Vite 配置、Sass 与 JS 导入及验证步骤。
mediabunny
Mediabunny 是用于在浏览器中处理音视频的多媒体库，本页介绍其读取音频时长、视频尺寸与视频时长等能力。
react-tanstack-senior
面向资深 React 开发者的技能扩展，专注 TanStack 生态（Query、Router、Table、Form、Start），提供项目搭建决策、代码规范、反模式清单与性能/代码审查检查表。资料未说明安装命令、收费与适用平台。
panelui
PanelUI 是一个面向 Expo 的 React Native 组件库，通过 Uniwind 使用 Tailwind CSS 进行样式化，并使用 Reanimated 在 UI 线程上进行动画。它采用纯 TypeScript 编写，不包含原生模块，可在 Expo Go 中运行。该库提供超过一百个组件，涵盖按钮、面板、弹窗、表单、图表、对话界面等，并内置六套主题（Panel、Moon、Grass 三个系列，各含明暗两种）。PanelUI 支持两种使用方式：作为 panelui-native 包安装，或通过 panelui-cli 将组件源码复制到项目中（由 panelui.json 标记）。此外还提供 MCP 服务器供支持该协议的智能体使用。组件颜色全部使用语义化令牌（如 bg-card、text-muted-foreground），不硬编码颜色值，以确保在六套主题间正确切换。
chengfeng-visual
剪口播视频配画面的技能：在录屏上叠加 HTML 图层（圈重点标注、整屏动画、推近），图层绑定字幕屏、由播放器逐帧驱动，可在预览中直接查看。用于做分镜、配画面、加动画、圈重点、B-roll、storyboard，不用于删词剪辑、字幕、物理剪切和成片渲染。
react-bits
react-bits 技能指南：帮助在 React/Next.js 项目中集成、定制与贡献 react-bits 动画组件库，涵盖 Vite、Tailwind CSS v4、Three.js/Fiber、GSAP 与 Framer Motion 的用法与注意事项。