SH

story-has-you/skills

Developer tools

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기

12 stars 품질 48 트렌드 19

这是一个专为 设计的技能包集合,包含 6 个核心技能模块,覆盖架构规划、前端开发、后端开发、代码质量和数据入库等场景。每个技能包都经过精心设计,遵循生产级别的最佳实践,旨在提升开发效率和代码质量。

개요

这是一个专为 设计的技能包集合,包含 6 个核心技能模块,覆盖架构规划、前端开发、后端开发、代码质量和数据入库等场景。每个技能包都经过精心设计,遵循生产级别的最佳实践,旨在提升开发效率和代码质量。 - :所有技能包遵循业界公认的最佳实践 - :前端强制使用 TypeScript strict 模式,后端遵循 Alibaba Java 规范 - :Plan Mode 先计划后执行,关键操作需人工确认 - :Hotkey Ingestion 只采信官方文档,杜绝猜测 - :Code Simplifier 对已修改代码进行精炼,保持一致性 完整复刻 Claude Code 官方 Plan Mode 架构,专为复杂项目的架构设计和技术规划而生。 - :只读模式运行,不修改现有代码 - :拒绝模糊描述,强制输出具体代码实现 - :遇到歧义立即暂停,向用户提问 - :标准化的 Markdown 计划文件格式 - :内置 check_plan_quality.py 和 check_plan_scope.py 脚本验证计划质量 - 复杂系统的架构设计 - 大型重构项目的规划 - 技术选型和方案对比 - 需要详细实施步骤的任务 资深 React 开发专家,提供生产级别的 Next.js 架构方案和代码实现。 1. :默认 Server Component,最小化 Client Component,use client 下沉到最小边界 2. :状态最小化、就近原则、单向数据流;局部用 useState,跨组件用 Jotai,服务端数据用 SWR 3. :ES6 箭头函数 + React.FC,必须添加 displayName,文件命名 kebab-case.tsx,单文件不超过 300 行 4. :React.memo 防止不必要重渲染,大列表虚拟化,图片使用 Next.js Image 组件 5. :Error Boundary + try...catch 基本属性绑定、注释规范、export 暴露、入参类型约束、class 与 style 规则、继承透传、事件配套、ref 绑定、自定义扩展性、受控与非受控模式、最小依赖、功能拆分与单一职责、通用与业务组件边界、最大深度扩展性、多语言可配置化、异常捕获与提示、语义化原则。

추천 도구

다른 키워드를 입력하거나 필터를 제거해 보세요.

설치

npx skillfish add story-has-you/skills
MCP 초보자라면? mcpskill.org 가이드부터 시작하세요 →