@lark-apaas/coding-steering 0.1.0 → 0.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/coding-steering",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Stack-specific steering content for miaoda-coding templates",
   "type": "module",
   "files": ["steering"],

package/steering/_common/skills/react-hook-best-practices/SKILL.md

@@ -1,40 +0,0 @@
----
-name: react-hook-best-practices
-description: "Use when writing or reviewing React hooks: useEffect dependencies, useMemo/useCallback, custom hooks. 触发词：useEffect, useMemo, useCallback, 自定义 hook, React hook 规范"
-steering: true
-steering-topic: react_hook_best_practices
----
-
-# React Hook 最佳实践
-
-## 一、useEffect 依赖
-
-```tsx
-// ❌ 错：缺依赖
-useEffect(() => {
-  fetchUser(userId);
-}, []);
-
-// ✅ 对：完整依赖
-useEffect(() => {
-  fetchUser(userId);
-}, [userId]);
-```
-
-- 始终用 `eslint-plugin-react-hooks` 自动检查依赖
-- 不要为了"避免重复执行"省略依赖——用 cleanup function 或 ref 处理
-
-## 二、useMemo / useCallback
-
-只在以下场景使用：
-
-- 计算昂贵（实测 >5ms）
-- 引用稳定性影响下游（passed as prop to memoized child）
-
-默认**不预先优化**——大多数计算不需要 memo。
-
-## 三、自定义 hook
-
-- 命名以 `use` 开头：`useDebounce` / `useLocalStorage`
-- 单一职责，<50 行
-- 内部不直接操作 DOM（用 ref + useEffect）

package/steering/_common/skills/tailwind-conventions/SKILL.md

@@ -1,36 +0,0 @@
----
-name: tailwind-conventions
-description: "Use when styling components with Tailwind CSS: class organization, custom utilities, dark mode, responsive design. 触发词：Tailwind, className 顺序, 暗色模式, 响应式设计"
-steering: true
-steering-topic: tailwind_conventions
----
-
-# Tailwind 约定
-
-## 一、className 顺序
-
-按下列顺序写 class：
-
-1. layout（display / position / flex / grid）
-2. spacing（margin / padding / gap）
-3. sizing（width / height）
-4. typography（text-* / font-*）
-5. color（bg-* / text-* / border-*）
-6. interactive（hover: / focus: / active:）
-7. responsive（md: / lg:）
-
-```tsx
-<div className="flex items-center gap-2 px-4 py-2 text-sm text-gray-900 bg-white hover:bg-gray-50 md:px-6">
-```
-
-## 二、暗色模式
-
-- 用 `next-themes` 提供 `dark` class 切换
-- 颜色用 `bg-white dark:bg-gray-900` 双写
-
-## 三、避免硬编码颜色
-
-❌ `text-[#3b82f6]`
-✅ `text-blue-500`
-
-如确需自定义色，加到 `tailwind.config.js` 的 theme.colors。

package/steering/vite-react/skills/client-coding-guide/SKILL.md

@@ -1,48 +0,0 @@
----
-name: client-coding-guide
-description: "Use when implementing client-side features in vite-react stack: components, hooks, routing, state management. 触发词：客户端开发, React 组件, 页面路由, hooks, vite, vite-react"
-steering: true
-steering-topic: client_coding_guide
----
-
-# Client Coding Guide (vite-react)
-
-## 一、组件分层
-
-```
-ui/        ← shadcn-ui 基础组件，源码自动生成，禁止直接编辑
-components/ ← 业务组件，组合 ui/ 实现具体场景
-pages/     ← 路由页面，组合多个 components/ 构建完整界面
-```
-
-## 二、State 管理
-
-- 局部 state 用 `useState`
-- 共享 state 优先用 React Context
-- 避免引入 Redux/Zustand 等全局 store（v0.1 不依赖）
-
-## 三、表单实现模板
-
-```tsx
-import { useForm } from 'react-hook-form';
-import { zodResolver } from '@hookform/resolvers/zod';
-import { z } from 'zod';
-
-const schema = z.object({
-  name: z.string().min(1, '必填'),
-  email: z.string().email(),
-});
-
-type FormValues = z.infer<typeof schema>;
-
-export function MyForm() {
-  const form = useForm<FormValues>({ resolver: zodResolver(schema) });
-  const onSubmit = (values: FormValues) => { /* ... */ };
-  return (
-    <form onSubmit={form.handleSubmit(onSubmit)}>
-      <input {...form.register('name')} />
-      {/* ... */}
-    </form>
-  );
-}
-```

package/steering/vite-react/skills/component-conventions/SKILL.md

@@ -1,48 +0,0 @@
----
-name: component-conventions
-description: "Use when creating or refactoring React components: naming, file structure, props typing, default values. 触发词：组件命名, props 类型, 组件文件结构, React 最佳实践"
-steering: true
-steering-topic: component_conventions
----
-
-# Component Conventions (vite-react)
-
-## 一、文件结构
-
-每个组件一个目录：
-
-```
-components/
-└── UserCard/
-    ├── index.tsx           # 组件主文件
-    ├── UserCard.test.tsx   # 测试（可选）
-    └── types.ts            # 局部类型（可选）
-```
-
-## 二、命名
-
-- 组件名 PascalCase：`UserCard`、`StatusBadge`
-- 文件名跟组件名一致：`UserCard.tsx`
-- props 接口：`UserCardProps`
-
-## 三、props 类型
-
-```tsx
-interface UserCardProps {
-  user: User;
-  onSelect?: (id: string) => void;
-  className?: string;
-}
-
-export function UserCard({ user, onSelect, className }: UserCardProps) {
-  // ...
-}
-```
-
-- **强制带 `className?: string`**——所有业务组件都应允许外部传 className
-- **回调用 `onXxx` 命名**——`onSelect` / `onChange` / `onSubmit`
-
-## 四、默认导出 vs 命名导出
-
-- 业务组件**命名导出**：`export function UserCard ...`
-- 入口/页面组件可以默认导出