用途：该技能为前端开发提供单一职责的原子能力，聚焦于实现前端组件并配置客户端架构。
主要能力：包含四类动作。create_component 用于按规范创建新的 React/Vue 组件，可指定 framework、component_type、typescript 等参数，返回代码、生成文件列表（如组件文件与测试文件）以及性能影响（如 bundle_size、render_time）。manage_state 用于配置状态管理方案，示例中提到可为简单状态配置 zustand。configure_routing 用于设置客户端路由。optimize_build 用于优化打包体积与构建性能。
使用方式：以动作参数调用，例如传入 action、framework、component_type、typescript 等；不同动作有校验规则，如缺少 action 或 create_component 缺少 component_type 会返回校验失败。错误处理涵盖 INVALID_FRAMEWORK、A11Y_VIOLATION、BUNDLE_BUDGET_EXCEEDED 等，并给出对应恢复建议。提供日志钩子（on_invoke、on_success、on_error）与基于 vitest 的单元测试模板。集成方面，上游技能为 fullstack-basics，下游为 fullstack-testing，绑定智能体为 02-frontend-development。
限制：资料未提供具体支持的前端框架清单、状态管理库全量列表、Node 版本、安装命令、收费与价格信息，使用前需自行确认环境兼容性；组件生成涉及可访问性校验，若检测到违规需改用可访问模式；组件超出打包预算时建议做代码拆分。