前端开发 Skill技能列表
用户引导与帮助系统技能Skill guiding-users
该技能专注于设计和实现用户引导与帮助系统，包括产品导览、互动教程、工具提示、设置清单、帮助面板等，旨在提升用户体验、促进功能发现、增强用户激活。关键用于前端开发中的用户界面引导、上下文帮助、入职流程优化，并整合可访问性和数据分析。关键词：用户引导、产品导览、帮助系统、前端开发、用户体验、入职流程、可访问性。
展示时间线与活动组件Skill displaying-timelines
该技能用于系统化地创建和展示时间线、活动组件、甘特图、日历接口等，适用于显示事件、活动、项目计划、历史数据、社交源、通知和审计日志。提供基于用例的决策框架、实现模式、性能优化、可访问性要求和响应式设计，支持实时更新。关键词：时间线、活动组件、甘特图、日历、前端开发、数据可视化、实时更新、可访问性、响应式设计。
布局系统与响应式设计Skill designing-layouts
这个技能专注于使用现代CSS技术设计和实现响应式布局系统，包括CSS Grid网格系统、Flexbox弹性盒子模式、容器查询、间距系统和移动优先设计策略，帮助开发者构建灵活、可访问的用户界面，适用于各种设备。关键词：CSS Grid, Flexbox, 容器查询, 响应式设计, 布局系统, 前端开发, 移动优先。
表单构建Skill building-forms
本技能提供系统化的表单构建指导，涵盖输入组件选择、验证策略、可访问性合规（WCAG 2.1）、UX最佳实践，以及JavaScript/React和Python的示例实现。适用于创建各种表单界面，如注册流程、调查问卷、多步向导等。关键词：表单构建、输入模式、验证、可访问性、WCAG 2.1、React、Python、前端开发、用户体验。
AI聊天界面构建Skill building-ai-chat
此技能专注于构建AI聊天界面，支持流式文本响应、上下文管理、多模态交互，适用于开发ChatGPT风格接口、AI助手、代码副驾驶等。关键词：AI聊天界面、流式响应、上下文管理、多模态支持、前端开发、AI应用。
组件组装Skill assembling-components
组件组装技能用于将AI设计组件技能的输出整合成统一、生产就绪的应用程序系统，包括令牌验证、框架脚手架生成和组件集成。它支持React/Next.js、Python和Rust项目，确保设计令牌正确使用、组件无缝连接，并优化开发工作流程。关键词：AI设计组件、组件组装、令牌验证、框架脚手架、React开发、Python后端、Rust项目、前端集成、生产部署。