react-key-prop
React Key Prop 是一项关于 React 列表 key 选择与稳定身份的技能,指导为列表渲染与重挂载选用正确的 key,避免因 key 不稳定导致的过期状态、错误输入值、动画异常或焦点错乱。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-25 00:14
11,084 个结果
React Key Prop 是一项关于 React 列表 key 选择与稳定身份的技能,指导为列表渲染与重挂载选用正确的 key,避免因 key 不稳定导致的过期状态、错误输入值、动画异常或焦点错乱。
Artifacts Builder 是一套用于创建复杂、多组件 claude.ai HTML 工件的工具集,基于现代前端 Web 技术(React、Tailwind CSS、shadcn/ui)。它通过初始化脚本生成配置完整的 React + TypeScript 项目,开发完成后可将全部代码打包为单个自包含 HTML 文件,直接在 Claude 对话中作为工件展示。
用于图片 SEO 优化的技能,检查 alt 文本、文件名、图片格式、懒加载与响应式尺寸等要点,帮助提升图片在搜索引擎中的可见性并减少布局偏移。
theming-tokens 是一套用于创建主题系统、颜色变量与设计系统令牌(Design Tokens)的智能体技能,覆盖基础令牌(Primitives)、语义令牌(Semantic)与组件令牌(Component)三层结构,支持 Tailwind v4 的 @theme 配置与暗色模式覆盖,适用于前端主题与设计系统统一。
面向 React 19 的编码规范指南,涵盖组件设计、props、Hooks、状态管理、性能优化、错误处理、测试与项目结构,供编写或审查 React 代码时参考。
用于在 Phoenix LiveView 中挂载 React 组件并双向传递数据的技能,覆盖挂载与数据通道两部分,不规定 React 组件本身的 UI、状态或样式。
pandoc-converter 是一个基于 pandoc 的文档转换技能,支持 Markdown、Word(.docx)、HTML 与 PDF 之间的互转,并内置中文(CJK)字体支持。可在需要“转成/生成 PDF/Word/HTML”“导出为”“convert to”“export as”时触发使用。PDF 不支持作为输入。
用于在 Flutter 项目中强制遵循设计语言系统(DLS)的技能,防止硬编码颜色、间距、字体等设计值,适用于实现设计令牌或构建 DLS 的场景。
unslop-ui 是一个用于识别并消除“AI 生成感”网页视觉模式的技能,针对默认 shadcn/Tailwind 外观、AI 紫渐变、过度动画等常见套路,提供构建与审计两种模式及扫描脚本。
Dev Browser 是一个带持久页面状态的浏览器自动化技能,用于导航网站、填写表单、截图、提取网页数据或测试 Web 应用。它支持独立模式与扩展模式,通过小脚本逐步完成任务,页面在脚本执行之间保持状态。
Tailwind CSS 组件样式编写与审查技能:以工程视角检查布局、配色、响应式与 className 处理的规范性与可维护性,适用于编写或评审组件样式的场景。
duv 是面向智能体工具集的数据检索技能,用于查询 DUV(Deutsche Ultramarathon-Vereinigung)超级马拉松统计站 statistik.d-u-v.org。可按跑者、赛事、成绩、排名与日历等维度抓取网页数据,适合超马成绩与赛事信息查询。
一套面向非技术用户的建站与应用构建技能:从一句需求出发,用六阶段流程(澄清并写一页规格、选最简技术栈、先定设计方向、小步构建并验证、真机浏览器 QA、上线与交接)产出上线可用、外观讲究的产品。附带本地预览、站点检查、对比度检测脚本与清单。
面向 Solito(Expo + Next.js 共享导航)项目的跨平台开发技能,提供 monorepo 结构、统一导航、共享 UI 组件、平台特定代码、认证、状态管理、测试与部署等专项知识。
react-anti-patterns 是一个用于在现有 React 代码库中故意注入反模式与性能陷阱的技能,保持应用可运行,便于团队练习识别和修复问题。支持设置数量、目标经验级别、注释提示,以及按类别定向注入。
Skill Seekers 是一个通用预处理 CLI 工具,可将文档网站、GitHub 仓库、PDF、本地代码库或视频转换为结构化 AI 知识资产(SKILL.md),并打包导出到 Claude、Gemini、OpenAI、LangChain、Cursor 等平台。
style-fix 是一个用于最小范围修正前端样式问题的技能,覆盖 CSS、Tailwind CSS、CSS Module、Ant Design 样式覆盖、className、主题 token、布局与视觉样式。它只处理样式写法,不重构业务逻辑、不重新设计 UI、不做类型治理。
模拟技术面试官技能,可出题、追问、评分并生成面试总结,帮助用户准备前端、后端、算法、系统设计及项目深挖类技术面试。
Web 性能调优助手,帮助诊断和优化前端性能,覆盖 Core Web Vitals、Lighthouse 评分、打包体积、首屏加载、运行时性能、图片与缓存策略,并给出按投入产出比排序的优化方案与监控建议。
面向数据分析师的 Tableau 仪表板创建技能,将自然语言需求转化为带交互式 HTML 原型和可选工作簿的实施规范,覆盖品牌设置、数据探索、仪表板规划、HTML 原型、实现规范与 TWB 生成的多步骤工作流。
React Hook Form 表单开发技能,用于构建和修改使用 React Hook Form 或项目约定要求使用它的表单,涵盖受控组件、schema 校验、数据获取与生命周期、向导与条件字段、字段数组、版本迁移及测试等场景。
用于在实现或修改 UI、页面和组件时提供 Lism CSS 判断依据的实现指南,覆盖 Primitive 选型、tokens 核对、Property Class 与 Lism Props 运用、响应式设计和反模式检查。
面向 AdonisJS + Inertia.js 项目的 Vue 3 前端技能,需与 adonisjs 技能配合使用。涵盖页面组件类型、共享数据、Form/Link 组件、延迟加载、分页与重定向等前端模式。
用于生成专业深色主题系统架构图的技能,输出为内嵌 SVG 与 CSS 的独立 HTML 文件,适合绘制前端、后端、数据库、云服务、安全与消息总线等组件。