开发技能

为React Native和Expo应用设计页面导航、状态管理与数据获取，并提供长列表显示、表单验证、设备功能及认证令牌存储的实现方式。

• 创建Expo页面与导航
• 整理获取的数据和界面状态
• 改善长列表显示

Build and review React 18/19 components with guidance on state management, data fetching, forms, loading states, and error handling. It also covers keyboard access and how to divide components between server and browser execution.

中文简介正在准备中。当前显示英语简介。

• Reviewing React components
• Choosing where shared state belongs
• Designing forms and data fetching

在实现新功能前，调查项目现有代码、npm与PyPI软件包、MCP servers等方案，比较功能、维护、许可和依赖，帮助决定直接采用、扩展、组合还是自行开发。

• 新增功能前调查现有方案
• 引入依赖前比较软件包
• 寻找外部服务集成工具

Add animations to React and Next.js interfaces, including buttons, modals, notifications, page transitions, and scrolling content. Uses shared motion settings and reusable patterns for elements entering, leaving, moving, or changing size.

中文简介正在准备中。当前显示英语简介。

• Adding hover and press feedback to buttons
• Animating modal and notification entrances and exits
• Adding page transitions in Next.js App Router

Write, review, and refactor Kotlin code using established conventions. Covers safe handling of missing values, immutable data, coroutines for asynchronous work, and type-safe configuration builders, helping keep application code readable and maintainable.

中文简介正在准备中。当前显示英语简介。

• Reviewing Kotlin code for unsafe null handling
• Refactoring mutable data and deeply nested code
• Designing asynchronous work with coroutines and Flow

在React或Next.js中实现拖动、滑动手势、文字和SVG动画，涵盖多阶段动作、滚动与光标跟随及加载状态，并帮助按用途选择API。

• 实现拖动关闭面板和可排序列表
• 逐词显示文字并实现数字动画
• 绘制SVG线条和圆形进度

Coordinate bug fixes by assigning each phase to an appropriate ECC agent. First reproduce the problem with a failing test, then fix it, review the changes, and request approval before committing.

中文简介正在准备中。当前显示英语简介。

• Fixing crashes or incorrect output
• Adding a test to catch a recurring bug
• Investigating a bug with an unclear cause

将非公开项目复制为公开发布版本，依次清除并核验敏感信息和个人信息，再整理README、安装步骤及许可证等发布文件，供发布前检查。

• 准备公开非公开项目
• 检查残留的敏感信息和个人信息
• 整理用户说明与安装步骤

将尚未实现的新功能从调研、规划推进到测试先行的开发、审查和提交。各阶段交由对应的ECC智能体负责，并在计划批准和提交前暂停确认。

• 添加产品尚未支持的功能
• 先写测试再实现新功能
• 审查身份验证功能的安全性

从设计或需求文档中规划可完整运行的小功能单元，依次完成初始框架搭建、生成与评估迭代、审查及审批，组装可运行的最小可行产品，并分别提交框架与各项功能。

• 根据设计文档构建可运行的MVP
• 规划端到端运行的小功能单元
• 搭建首个可运行功能的初始框架

Find Laravel packages for specific features through LaraPlugins.io MCP, a connection to its package search tools. Check maintenance indicators, release history, and Laravel/PHP compatibility to compare candidates before adding a package to a project.

中文简介正在准备中。当前显示英语简介。

• Find packages for authentication or permission management
• Find admin panel packages
• Check whether a package is actively maintained

Build a shared animation foundation for React and Next.js with motion/react. Define reusable timing and spring settings, respect reduced-motion preferences, adapt to device performance, and align initial animation states with server-rendered content.

中文简介正在准备中。当前显示英语简介。

• Standardize animation settings across components
• Define reusable spring animation presets
• Respect users' reduced-motion preferences

检查MySQL和MariaDB的表设计与慢SQL，审视索引、更新事务、连接管理和复制延迟，整理具体修改建议与验证步骤，并考虑权限和通信保护。

• 设计数据库表与索引
• 调查慢SQL和死锁
• 审查大型生产表的变更

在NanoClaw交互环境中管理以Markdown保存的会话，支持恢复、分支、跨会话搜索、历史压缩和导出，并协助切换模型及加载技能。

• 恢复已保存的会话
• 在高风险更改前创建分支
• 跨会话搜索并压缩历史记录

用于设计和审查NestJS的API与服务，梳理按功能划分的代码结构、输入验证、身份认证、异常处理、环境配置和测试，支持面向实际运行的实现。

• 规划NestJS的API结构
• 实现输入验证与访问控制
• 审查异常处理和环境配置

Implement and review Ethereum hashing in JavaScript or TypeScript using Keccak-256. Learn which library helpers to use and avoid confusing it with Node's SHA3 when calculating function identifiers, signature hashes, storage locations, or addresses.

中文简介正在准备中。当前显示英语简介。

• Calculating Ethereum function identifiers and event topics
• Reviewing signature and storage location hashing
• Deriving an address from a public key

用于 Nuxt 4 应用开发、审查和性能改善，防止服务端与浏览器显示不一致，并整理数据获取、各页面的渲染与缓存规则及延迟加载方式。

• 修复服务端与浏览器显示不一致
• 审查页面数据获取方式
• 确定各页面的渲染与缓存规则

Coordinate code refactoring, restructuring code while preserving its behavior. Check existing tests before changes, work in small steps, review the result, and pause for approval of the plan and before committing.

中文简介正在准备中。当前显示英语简介。

• Extracting a module without changing behavior
• Removing duplicate or unused code
• Reducing nesting and clarifying names

帮助构建和维护MCP服务器，让AI助手调用外部操作、读取数据并使用指令模板，涵盖Node/TypeScript功能注册、输入验证、本地与远程通信选择及故障排查。

• 为AI助手构建MCP服务器
• 添加操作、数据和指令模板
• 选择本地与远程连接方式

用于检查Next.js 16及更高版本中开发启动和代码更新缓慢的问题，确认Turbopack与webpack的选择，并核对缓存及proxy.ts命名。

• 排查开发服务器启动缓慢
• 检查代码修改后更新延迟
• 选择Turbopack或webpack

Change an existing feature that works but needs different behavior. The skill updates tests to reflect the new requirements, adjusts the implementation, and coordinates review with approval checkpoints before committing the changes.

中文简介正在准备中。当前显示英语简介。

• Changing an existing alert threshold
• Adjusting a working feature to new requirements
• Updating tests before changing behavior

根据变更规模，为功能开发、缺陷修复等工作选择调研、规划、测试和审查阶段。这套相关技能共用的流程包含计划审批和提交前确认。

• 统一功能开发与缺陷修复流程
• 根据变更规模选择开发阶段
• 依据设计文档开发MVP

分别衡量实时界面与数据推送的延迟、数据新鲜度和待处理任务，梳理事件发生到屏幕显示的完整路径，逐段改进，并在运行环境中验证结果。

• 调查实时界面的延迟
• 检查推送数据的新鲜度
• 减少队列积压

汇集使用Kotlin和Ktor构建HTTP服务器的结构与实现示例，涵盖API路由、认证、JSON转换、组件组装、双向通信及集成测试。

• 使用Ktor构建REST API
• 通过JWT认证保护路由
• 使用Koin组织应用组件