下载

Skill UI

浏览并发现 9765+ 精选技能

全部编程开发人工智能设计创意产品商业数据科学市场营销职场通用效率工具硬件工程语言学习

搜索表单设计，共找到 11 条记录

默认排序最新上传最多下载

React UI状态与数据处理模式

react-ui-patterns

sickn33/antigravity-awesome-skills

本指南提供了现代React UI组件的最佳实践，全面覆盖了前端开发中关键的状态管理模式。内容包括加载状态（骨架屏与加载器选择）、多层级的错误处理机制、空状态设计，以及健壮的表单提交流程，确保用户界面在任何异步数据状态下都能提供一致且流畅的体验。

表单转化优化

alirezarezvani/claude-skills

为非注册类表单提供审计与实验建议，涵盖评估、设计、文案、布局与测试思路，帮助优化线索、联系、演示、调查或结账等表单的提交率。

魔力AI UI组件生成器

magic-ui-generator

sickn33/antigravity-awesome-skills

该技能利用先进的AI能力，生成和比较多个生产级、现代化的UI组件变体。它不提供单一标准方案，而是提供多种设计选项（如定价表、联系表单），并支持玻璃拟态、动画等高级美学，帮助开发者和设计师打造独特且视觉震撼的界面组件。

shadcn/ui 组件设计系统开发指南

sickn33/antigravity-awesome-skills

本指南是使用 shadcn/ui 组件库构建现代、可访问、可扩展用户界面（UI）的权威参考。它详细阐述了组件组合原则、样式规范（包括Tailwind CSS的最佳实践）、表单结构和核心开发规则。适用于需要构建复杂设计系统，并确保代码质量和设计一致性的前端开发者。

可重用界面组件模式生成

sickn33/antigravity-awesome-skills

本技能旨在帮助开发者根据现有设计系统（如StyleSeed的原子组件）生成结构化、可复用的UI布局模式。适用于构建需要跨多个页面保持设计一致性和重复使用性的组件，例如卡片列表、数据表、表单区域等。它指导如何从最小的构建块开始，确保组件的动态性和可扩展性，避免重复编写页面特定的标记代码。

用户流程与导航结构设计

sickn33/antigravity-awesome-skills

本技能旨在用户界面组件实现之前，规划完整的用户体验流程（User Flow）。它应用了渐进式披露、中心辐射等主流UX模式，定义用户任务的起点、路径和退出条件。适用于复杂的引导流程、表单填写、结账或多步骤功能设计，确保用户旅程连贯且逻辑清晰。

React设计系统代码生成器

sickn33/antigravity-awesome-skills

本工具用于使用指定的Rayden UI组件库和Tailwind CSS，生成符合生产标准的React界面代码。它确保生成的代码严格遵守设计系统规范，涵盖了组件使用、设计令牌、属性校验和布局模式。非常适用于搭建仪表盘、登录表单、数据表格等复杂页面，保证界面美观和一致性。

Web管理后台UI组件库

webiny-admin-ui-catalog

webiny/webiny-js

这是一个全面的管理后台UI组件库，包含大量高质量的抽象组件，用于构建专业的管理控制面板和用户界面。它提供了布局管理、数据表格、复杂表单、对话框等关键构建块，确保了大型Web应用在设计和开发上的高度一致性和效率。

页面设置扩展与定制开发

webiny-page-settings-extensions

webiny/webiny-js

本技能专为开发者设计，用于扩展网站构建器（Website Builder）的页面设置功能。您可以使用它在页面设置抽屉中添加新的自定义标签页或修改现有设置组，注入复杂的表单字段和定制逻辑。核心功能包括数据持久化到`doc.extensions`，适用于构建高级的内容管理系统（CMS）模块。

表单转化率优化指南

aitytech/agentkits-marketing

本指南提供专业的表单优化（CRO）知识，旨在提高非注册类表单（如线索捕获、联系表、结账表等）的填写完成率。内容涵盖了核心的CRO原则、字段设计优化、多步骤表单最佳实践、错误处理机制，帮助用户最大化表单提交的转化效果。

用户注册与转化流程优化

signup-flow-cro

aitytech/agentkits-marketing

本技能专注于用户注册和账户创建流程的转化率优化（CRO）。它提供了一套系统的指南，涵盖了从表单设计、字段精简、社交登录优化到多步骤流程设计的全方位策略，旨在识别并解决注册流程中的所有摩擦点，从而最大化用户转化率。

1

语言