LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

带有该标签的 Skills：前端开发

浏览带有该标签的技能列表。

  • rspack - Rspack 打包工具配置指南
    前端开发打包工具构建工具代码分割

    ★ 18 · 更新于 2026-06-15

    提供 Rspack 打包工具配置、插件、加载器和 Webpack 兼容性指导

    ⚙ 配置 Rspack⚙ 创建插件⚙ 编写加载器
  • components - Vue组件
    vue组件单文件组件前端开发

    ★ 197 · 更新于 2026-05-11

    使用标记、逻辑和样式构建可重用的UI模块，作为Vue应用程序的基础构建块。

    ⚙ 创建单文件组件⚙ 定义响应式状态⚙ 通过props传递数据
  • ai-ui-generation - AI 辅助 Web UI 生成与集成工作流
    Web UI 生成AI 设计工具代码集成React

    ★ 4 · 更新于 2026-05-09

    使用外部工具进行 AI 辅助 Web UI 生成与集成的工作流

    ⚙ 使用外部 AI 工具生成 UI⚙ 将生成的代码导入代码库⚙ 将线框图转换为应用结构
  • vite-configuration - Vite React SPA 配置
    ViteReact单页应用构建工具

    ★ 602 · 更新于 2026-03-26

    Vite 6.x React 单页应用配置

    ⚙ 创建 Vite React 项目⚙ 配置构建优化⚙ 添加插件和别名
  • tailwind - Tailwind CSS v4 最佳实践指南
    Tailwind CSSCSS 框架性能优化响应式设计

    ★ 57 · 更新于 2026-03-23

    提供8个类别共42条最佳实践，优化Tailwind CSS v4构建性能和代码质量

    ⚙ 配置 Tailwind CSS v4⚙ 编写 CSS-first 样式⚙ 优化 CSS 打包体积
  • tailwind - Tailwind CSS v4 性能优化指南
    CSS 框架性能优化最佳实践前端开发

    ★ 18 · 更新于 2026-03-23

    提供 Tailwind CSS v4 应用的性能优化指南和最佳实践

    ⚙ 配置构建工具⚙ 优化 CSS 输出⚙ 编写工具类
  • tailwind - Tailwind CSS v4 最佳实践
    CSS 框架性能优化前端开发响应式设计

    ★ 4 · 更新于 2026-03-23

    优化 Tailwind CSS v4 构建性能和 CSS 输出

    ⚙ 配置 Tailwind v4⚙ 优化构建性能⚙ 优化 CSS 生成
  • redesign-my-landingpage - 构建高转化落地页
    落地页前端开发Reactshadcn/ui

    ★ 141 · 更新于 2026-03-23

    使用 React + Vite + TypeScript + Tailwind 和 shadcn/ui 组件构建、评估和迭代落地页

    ⚙ 创建导航栏⚙ 设计页头区域⚙ 添加社会证明
  • react-useeffect - React useEffect 最佳实践指南
    React前端开发状态管理API 集成

    ★ 0 · 更新于 2026-03-21

    涵盖编写、审查和调试 React useEffect 的有效用例、反模式和陷阱

    ⚙ 连接外部系统⚙ 订阅浏览器事件⚙ 获取数据
  • vercel-react-best-practices - Vercel React 最佳实践指南
    ReactNext.js性能优化代码重构

    ★ 0 · 更新于 2026-03-20

    React 和 Next.js 应用性能优化指南

    ⚙ 编写 React 组件⚙ 创建 Next.js 页面⚙ 实现数据获取
  • senior-architect - 资深软件架构设计工具
    软件架构系统设计前端开发后端开发

    ★ 57 · 更新于 2026-03-10

    用于设计可扩展软件架构的完整工具包，包含现代工具和最佳实践

    ⚙ 生成架构图⚙ 分析项目架构⚙ 分析依赖关系
  • browser-use-integration - Browser-Use 插件集成
    浏览器自动化无头浏览器前端开发截图捕获

    ★ 10 · 更新于 2026-03-10

    为前端开发提供浏览器自动化工作流

    ⚙ 导航到URL⚙ 捕获截图⚙ 捕获全页截图
  • senior-architect - 软件架构设计工具包
    软件架构架构设计系统设计技术栈决策

    ★ 1 · 更新于 2026-03-10

    设计可扩展、可维护的系统，提供架构图生成、系统设计模式和技术栈决策框架

    ⚙ 生成架构图⚙ 分析项目架构⚙ 分析依赖关系
  • Frontend Accessibility - 使用语义HTML和ARIA构建可访问的用户界面
    前端开发可访问性WCAGHTML

    ★ 6 · 更新于 2026-02-13

    遵循WCAG标准创建可访问的网页界面

    ⚙ 创建语义HTML标记⚙ 为元素添加ARIA属性⚙ 实现键盘导航支持
  • shadcn-create-project - 使用Shadcn UI创建新项目脚手架
    UI框架项目脚手架前端开发

    ★ 211 · 更新于 2026-02-12

    使用shadcn create命令创建预配置Shadcn UI的新项目

    ⚙ 运行shadcn create命令⚙ 配置项目设置⚙ 验证脚手架结果
  • Storybook skill for Solid.js - 生成 Solid.js Storybook 组件故事文件
    Solid.jsStorybook组件测试前端开发

    ★ 9 · 更新于 2026-02-12

    为组件生成 Solid.js Storybook 故事文件 (*.story.tsx)

    ⚙ 生成 Storybook 故事文件⚙ 创建组件故事⚙ 定义故事参数和控件
  • vite - Vite构建工具：配置、插件API、SSR及Vite 8 Rolldown迁移
    构建工具前端开发Vite打包工具

    ★ 5,902 · 更新于 2026-02-09

    配置和使用Vite构建工具，包括插件API、SSR以及Vite 8 Rolldown迁移。

    ⚙ 配置Vite项目⚙ 启动开发服务器⚙ 构建生产版本
  • unocss - UnoCSS即时原子CSS引擎，用于工具优先样式开发
    CSS框架原子化CSS前端开发utility优先

    ★ 5,902 · 更新于 2026-02-09

    使用UnoCSS配置和生成原子CSS工具类，兼容Tailwind CSS超集

    ⚙ 配置UnoCSS⚙ 编写工具规则⚙ 创建快捷方式
  • react-hook-form-zod - 使用React Hook Form和Zod进行类型安全的表单验证
    表单验证类型安全React 表单模式验证

    ★ 1,018 · 更新于 2026-02-09

    使用React Hook Form和Zod模式验证构建类型安全的验证表单

    ⚙ 注册表单字段⚙ 验证表单数据⚙ 处理表单错误
  • vercel-composition-patterns - React可扩展组件组合模式指南
    React组件架构组合模式前端开发

    ★ 31,044 · 更新于 2026-02-09

    使用组合模式构建灵活且可维护的React组件的指导原则

    ⚙ 提供组合模式指导原则⚙ 重构布尔属性泛滥问题⚙ 设计组件架构