跳到技能内容
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
技能目录24 小时热门TOP100 技能每日更新
Skills 技能/raulfdeztdo/kernelia/frontend-features

Codex Kernelia 前端模块边界|给搜索功能设置公开入口

English

Codex 安装步骤

  1. 打开 GitHub 固定提交的 `.agents/skills/frontend-features/SKILL.md`,核对内容与使用条件。
  2. 在自己的项目中创建 `.agents/skills/frontend-features/`,把核对后的文件保存为 `.agents/skills/frontend-features/SKILL.md`。
  3. 在该项目根目录启动 Codex,输入 `$frontend-features` 并选择同名技能。

中文摘要

按 Kernelia 的功能目录组织前端组件、页面逻辑、接口适配和共享状态,避免跨功能引用内部文件。

SKILL.md 中文导读

可复现示例

为下列模拟搜索功能列出目录边界。
{"feature":"search","ui":"SearchToolbar","query":"useSearch","request":"loadResults","externalImport":"SearchToolbar"}

工作步骤

  1. 先按业务功能归拢文件。
  2. 把呈现、交互逻辑和接口适配放到对应目录。
  3. 确认其他功能只从公开入口导入需要的内容。

验收方法

把三个实现分别放进 `components`、`hooks` 和 `services`;只从 `features/search/index.ts` 对外公开 `SearchToolbar`。

GitHub 原文 · 更新日期 2026-11-14

适用环境

用 Codex 打开 Kernelia 前端工作区,准备功能代码及哪些模块需要对外使用。

常见问题

何时需要单独的共享状态目录?

只有多处确实共享复杂状态时再设置 store。单个页面的状态可以留在该功能的本地交互逻辑中。

技能信息

GitHub 仓库
raulfdeztdo/kernelia

收集于互联网

相关指南

  • ChatGPT Skills 和 Codex Skills 有什么区别?
更多 Codex 技能

相关推荐

  • i18n 技能

    raulfdeztdo/kernelia

  • Codex Kernelia 实施拆分|按文件范围与验证条件安排并行

    raulfdeztdo/kernelia

  • Codex Kernelia 界面设计|按桌面和手机重排内容层级

    raulfdeztdo/kernelia

  • react-clean-code 技能

    raulfdeztdo/kernelia

  • Codex Kernelia 系统设计|分别选系统架构、代码仓库和部署形态

    raulfdeztdo/kernelia

  • Codex Kernelia 前端行为测试|断言筛选后可见的结果

    raulfdeztdo/kernelia

词映 AI 导航Skills 技能
工具分类全部工具已本地化技能选型指南AI 快讯