react-dev
用于构建 TypeScript React 组件的技能，覆盖类型化组件、hooks、事件处理、泛型组件、React 19 新特性（Actions、Server Components、use()）以及 TanStack Router 与 React Router v7 的类型安全路由。不适用于非 React 的 TypeScript 或纯 JS React。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-25 00:14
前端与建站
11,083 个结果
react-useeffect
基于 React 官方文档整理 useEffect 最佳实践参考，指导何时不应使用 Effect，以及派生状态、数据请求、状态同步等场景的替代写法。
tailwind
Tailwind CSS v4 使用指南，涵盖基于 Oxide 引擎的 @theme 配置、设计令牌架构、暗色模式策略、包体积优化与组件层规范，并提供 Vite、PostCSS、CLI 安装方式及 v3 迁移要点。
dev.cds-mobile
Coinbase CDS 移动端 React 组件开发指南，适用于 packages/mobile 下新增或修改 @coinbase/cds-mobile 组件，涵盖组件配置、样式、动画、手势、布局测量与无障碍等移动端模式。
dev.cds-web
Coinbase CDS 的 Web 端 React 组件开发指南技能，用于在 packages/web 中新建或修改 CDS Web 组件，涵盖组件配置、Linaria 样式、主题变量、响应式、无障碍与动画等实现规范。
ce-nextjs-patterns
Commerce Engine 的 Next.js 高级集成模式技能，讲解 storefront() 在不同执行上下文中的用法、CookieTokenStorage 的 SSR 令牌管理、StorefrontSDKInitializer、Server Actions、SSG 与 ISR，并列出常见陷阱与 SEO 元数据映射。
design-taste-frontend
这是一个面向前端开发的高能动性技能（Skill），定位为资深 UI/UX 工程师，用于在生成数字界面时覆盖大语言模型默认的设计偏好。它通过一组可配置的基线参数（设计变化度 8、动效强度 6、视觉密度 4）驱动生成逻辑，并强制执行基于度量的规则、严格的组件架构与 CSS 硬件加速等性能约束。技能涵盖默认技术栈约定（React/Next.js、Tailwind CSS、RSC 安全、依赖校验）、设计工程指令（字体、配色、布局、材质、交互状态、表单模式）、反 AI 套路规则（禁用 emoji、禁用 Inter 字体、禁用 AI 紫、禁用纯黑、禁用三列卡片等），以及一套高端创意组件与动效参考库。适用于需要产出高质量、非模板化前端界面的场景。
shadcn
shadcn/ui 是一个用于构建 UI、组件与设计系统的框架，组件以源码形式通过 CLI 添加到用户项目中。该技能管理 shadcn/ui 组件与项目，提供上下文、文档和使用模式，用于构建现代设计系统。
frontend
一个强制遵守前端框架原生用法的技能：按组件库与 CSS 框架的设计意图开发，不覆盖、不绕开框架，通过主题与设计令牌定制，尊重现有代码库约定。
inktui
inktui 是一个用于构建终端 CLI 应用的技能，基于 Ink（终端版 React）、ink-ui 组件库与 create-ink-app 脚手架，帮助开发者用 React 组件方式编写命令行界面。
show-me
show-me 是一个帮助用户以可视化方式理解当前话题的智能体技能，通过简洁图表、代码形态草图和聚焦的 HTML 产物来呈现要点，跳过冗长前言，保持文字简短。
website-to-cli
将网站的网络请求录制为 HAR，分析出未公开的接口，再生成一个无需浏览器即可直接调用这些接口的快速命令行客户端。适用于用户希望复刻某站点功能做 CLI 的场景。
frontend-design
frontend-design 是一个前端设计技能，用于构建独特、生产级的前端界面（网站、组件、仪表盘、布局），强调精致 UI 设计并避免千篇一律的 AI 风格。
parsearger-utils
parseArger 的配套工具技能，用于项目脚手架、文档生成、Bash 补全脚本和 HTML 表单，以及批量版本号更新。命令前需先确认 parseArger 位置：找到则使用 parseArger，否则回退 ./parseArger，不可假定路径。
ui-forge
UI Forge 是一个用于构建或改进具有视觉辨识度、贴合具体产品的前端界面的技能，覆盖从品牌页面到可运行应用与组件的前端实现。它强调把创意投入放在最终结果上，而非冗长的设计报告，并要求在满足用户明确需求与既有产品契约的前提下追求新颖性。该技能会先检查相关指令、组件、样式、资源、状态与测试命令，再根据任务类型（新页面、可运行应用、组件修复、重设计、截图参考、评审）选择不同起点，避免不必要的审计与全量加载。它主张先做简短内部简报、在开放式创意任务中比较少量真正不同的方向，再按任务强度决定视觉表现，并贯穿页面保持统一的产品身份与主路径。实现阶段要求覆盖主流程与可达状态、使用真实文案、不虚构评价或数据，并在可渲染时做工艺检查。
pbi-mockup
pbi-mockup 是一个面向项目管理的技能，用于在实现前根据已定稿的 PBI 与用户故事工件生成自包含的交互式 HTML 原型报告，帮助干系人预览主流程 UI 并提前发现布局、交互与状态问题。
design-taste-frontend
面向前端开发的 AI 技能，定位为资深 UI/UX 工程师，通过基于指标的规则、严格组件架构与 CSS 硬件加速约束，抑制大模型的默认设计偏见，生成更高级、非模板化的界面。
design-taste-frontend
面向落地页、作品集与改版的前端设计技能，强调先读需求再定方向，避免AI默认审美。提供设计判断、三个调节旋钮、设计系统选择与工程规范，不适用于仪表盘、数据表或多步产品界面。
design-taste-frontend-v1
design-taste-frontend-v1 是 echoleesong/claude-skills-plugin 中保留的初版前端设计品味技能，供依赖其精确行为的项目使用；当前默认版本为 design-taste-frontend（v2 实验版）。
imagegen-frontend-web
一个面向前端网站设计参考图生成的技能，强调按区块逐张输出横向设计稿，并提供艺术指导、构图、背景、CTA 与版式变化规则，帮助生成可落地的前端视觉参考。
lasuite-ui-kit
用于构建 LaSuite 应用 React 界面的共享组件库，包含 @gouvfr-lasuite/ui-kit 与 @gouvfr-lasuite/cunningham-react 两个包，提供布局、搜索、菜单、分享等组件与 Cunningham 设计令牌，需配合 CunninghamProvider 使用。
next-upgrade
next-upgrade 是一个用于将 Next.js 项目升级到最新版本的技能，依据官方迁移指南与 codemod 完成升级。它会检测当前版本、获取官方升级文档、确定升级路径、运行 codemod、更新依赖并测试构建。
react-key-prop
React Key Prop 是一项关于 React 列表 key 选择与稳定身份的技能，指导为列表渲染与重挂载选用正确的 key，避免因 key 不稳定导致的过期状态、错误输入值、动画异常或焦点错乱。
artifacts-builder
Artifacts Builder 是一套用于创建复杂、多组件 claude.ai HTML 工件的工具集，基于现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）。它通过初始化脚本生成配置完整的 React + TypeScript 项目，开发完成后可将全部代码打包为单个自包含 HTML 文件，直接在 Claude 对话中作为工件展示。