bovinphang/frontend-craft

bovinphang/frontend-craft · localized/zh-CN/skills/fec-accessibility-check/SKILL.md · 用于审查或改进前端无障碍、语义结构、键盘支持、焦点管理、ARIA 标签、屏幕阅读器行为、WCAG 2.2 问题、触控无障碍或辅助技术回归；中文触发词包括 无障碍、accessibility、a11y、WCAG、屏幕阅读器。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-alchemy/SKILL.md · 用于从参考系统中吸收想法、能力、工作流、架构、质量体系、生态扩展或工程实践，并通过原创的项目内重设计转化为当前项目能力，而不是复制原实现。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-api-integration/SKILL.md · 用于设计、实现或审查前后端 API 集成、类型化 API client、REST/tRPC/OpenAPI 客户端选型、认证刷新、API 错误映射、上传流程、SSE/WebSocket/轮询选择、CORS 相关前端行为或跨边界…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-backend-requirements-handoff/SKILL.md · 用于前端工作需要向后端团队说明数据、动作、状态、权限、校验或业务规则需求，但不指定端点设计、字段名、数据库形态或实现细节；中文触发词包括 前后端需求交接、后端需求、API 需求澄清、数据需求说明。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-browser-storage/SKILL.md · 用于选择、实现或审查 localStorage、sessionStorage、IndexedDB、cookie、客户端持久化、离线数据、安全存储或清理策略等浏览器存储方案；中文触发词包括 浏览器存储、客户端持久化。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-canvas-threejs/SKILL.md · 用于构建或审查 Canvas 2D、Three.js/WebGL、React Three Fiber、GLSL shader、ShaderToy 到 WebGL 适配、2D/3D 可视化、游戏渲染、动画循环、GPU…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-code-review/SKILL.md · 用于用户要求通用前端代码评审、PR 评审、合并就绪评估、架构可维护性、类型安全、渲染/状态风险、样式一致性、可测性缺口或横向评审总结时。深度安全、无障碍、E2E 或性能问题应委托对应专项 skill；中文触发词包括…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-code-smells/SKILL.md · 需要在不修改业务代码的前提下诊断既有前端代码的结构性可维护性问题，并要求提供证据、误判检查与候选重构方向时。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-component-testing/SKILL.md · 用于编写或审查靠近 UI 代码的前端单元、组件或轻量集成测试，包括 React Testing Library、Vue Test Utils、hooks/composables、props/emits、回调、可访问查询、user-event…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-data-fetching/SKILL.md · 用于实现或审查前端服务端状态流程：类型化查询、请求缓存、失效、mutation、乐观更新、无限查询、预取、SSR hydration 或 API 层整合。不要用于本地 UI 状态或 Service Worker 缓存；中文触发词包括…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-debug-framework/SKILL.md · 用于诊断前端构建失败、运行时错误、UI 异常、API/数据问题、白屏、请求失败或难以解释的线上异常；中文触发词包括 调试、debug、排查、定位、报错、异常、白屏、请求失败。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-dependency-upgrade/SKILL.md · 用于规划、实现或审查前端依赖升级、包迁移、lockfile 变更、框架大版本升级、CVE 修复、peer dependency 冲突、ESM/CJS 切换、构建工具兼容性或 CI 验证矩阵；中文触发词包括…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-doc-sync/SKILL.md · 用于根据 package.json、lockfile、配置、env 示例、路由、API client 或 server routes、schema、组件、测试、CI、构建/部署配置、ADR、changelog…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-drawio-studio/SKILL.md · 用于创建带 draw.io / diagrams.net 源文件的可编辑技术图，包括架构图、ERD、UML、序列图、流程图、ML 模型图、官方形状检索、品牌符号、Graphviz 自动布局、代码结构图、.drawio 校验或…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-e2e-testing/SKILL.md · 用于创建、维护、调试或审查真实浏览器端到端测试，包括 Playwright/Cypress、Page Object、CI 产物、trace、不稳定用例、跨页面视觉回归以及登录、支付、权限或 CRUD 等关键用户旅程。若是测试层规划或靠近…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-form-handling/SKILL.md · 用于构建或审查较复杂表单，包括 React Hook Form、Zod schema、类型化校验、动态字段、受控第三方输入、文件上传、多步骤流程、依赖校验或表单性能。不要用于没有校验的 1-3 个字段小表单；中文触发词包括…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-image-generation/SKILL.md · 用于生成或编辑图表、图形资产、海报、UI 样机、产品图、信息图、学术图、漫画、头像、分镜、品牌板或图像编辑工作流，尤其是导出 PNG 需要视觉质检和有限自动修复时。文字密集图表优先使用确定性的…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-implement-from-design/SKILL.md · 用于根据 Figma、Sketch、MasterGo、Pixso、墨刀、摹客、截图、设计选区、设计 Token 或设计转代码任务实现生产级前端组件/页面；中文触发词包括 设计稿、按设计实现。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-legacy-to-modern-migration/SKILL.md · 用于规划或实施从 JavaScript、jQuery、HTML/CSS、服务端渲染模板、MPA 遗留前端代码或旧框架代码迁移到现代前端技术栈，同时保持行为一致。不要用于仍留在旧技术栈内的日常遗留 bug 修复；中文触发词包括…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-legacy-web-standard/SKILL.md · 用于维护或安全修改既有非框架前端代码：原生 JavaScript、jQuery、HTML/CSS、MPA 页面、服务端渲染模板、遗留插件或需要长期保持当前技术栈的代码。若是规划迁移到 React/Vue/TypeScript，请使用迁移…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-list-virtualization/SKILL.md · 用于优化或审查大列表、虚拟滚动、windowing、react-window、TanStack Virtual、可变高度行、动态测量、无限滚动、网格虚拟化或滚动性能；中文触发词包括 虚拟列表、大列表优化、滚动性能。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-monorepo-project-standard/SKILL.md · 用于创建、审查或重构前端 monorepo，包括 pnpm workspace、Turborepo、Nx、多包依赖边界、任务编排、包命名或包发布；中文触发词包括 monorepo、workspace、多包。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-motion-interaction/SKILL.md · 用于设计、实现或审查前端交互动效、页面转场、滚动动画、Framer Motion、GSAP、Lottie、CSS 动画、动效强度、动画性能、减少动效行为或兼具表现力与可访问性的 UI 动效。不要用于仅 SVG…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-nextjs-project-standard/SKILL.md · 用于创建或审查 Next.js 14+ App Router 项目、文件路由、layout、服务端/客户端组件边界、SSR/SSG/ISR、streaming、metadata、middleware、server actions 或…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-nuxt-project-standard/SKILL.md · 用于创建或审查 Nuxt 3 项目、文件路由、pages、layouts、SSR/SSG/SPA 行为、Nuxt 数据获取、route middleware、plugins、modules、server routes 或 Nuxt 特定…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-performance-optimization/SKILL.md · 用于诊断或改进前端性能、Core Web Vitals、包体积、运行时渲染成本、网络瀑布、内存泄漏、长任务、Lighthouse 问题或性能预算；中文触发词包括 性能优化、页面卡顿、首屏慢、包体积、Web Vitals。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-pwa-implementation/SKILL.md · 用于添加或审查 Progressive Web App 能力，如可安装性、manifest 元数据、Service Worker 注册、Workbox 缓存、离线兜底、应用更新提示、maskable icons 或 iOS PWA…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-react-project-standard/SKILL.md · 用于设计或审查 React + TypeScript 项目结构、feature/module 边界、组件架构、hooks 组织、路由组合、状态/API/错误/样式默认约定或仓库级 React…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-refactor-clean/SKILL.md · 用于安全移除前端死代码、未使用导出、陈旧组件、废弃路由、未使用依赖，或由 knip、depcheck、ts-prune、TypeScript、ESLint、人工审查发现的清理目标。不要用于会改变行为的功能重写；中文触发词包括…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-refactoring-api/SKILL.md · 保持行为的前端重构主要涉及API 类重构，已经选定或正在评估对应手法，需要查询该 family 的操作步骤、风险与 JavaScript/TypeScript/React/Vue 适配时。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-refactoring-catalog/SKILL.md · 已经有结构问题证据，需要在多种保持行为的重构手法之间比较前置条件、选择最小安全方案，或决定多个重构步骤的合理先后关系时。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-refactoring-control/SKILL.md · 保持行为的前端重构主要涉及条件控制类重构，已经选定或正在评估对应手法，需要查询该 family 的操作步骤、风险与 JavaScript/TypeScript/React/Vue 适配时。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-refactoring-data/SKILL.md · 保持行为的前端重构主要涉及数据重组类重构，已经选定或正在评估对应手法，需要查询该 family 的操作步骤、风险与 JavaScript/TypeScript/React/Vue 适配时。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-refactoring-encapsulation/SKILL.md · 保持行为的前端重构主要涉及封装类重构，已经选定或正在评估对应手法，需要查询该 family 的操作步骤、风险与 JavaScript/TypeScript/React/Vue 适配时。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-refactoring-functions/SKILL.md · 保持行为的前端重构主要涉及函数类重构，已经选定或正在评估对应手法，需要查询该 family 的操作步骤、风险与 JavaScript/TypeScript/React/Vue 适配时。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-refactoring-inheritance/SKILL.md · 保持行为的前端重构主要涉及继承关系类重构，已经选定或正在评估对应手法，需要查询该 family 的操作步骤、风险与 JavaScript/TypeScript/React/Vue 适配时。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-refactoring-move-features/SKILL.md · 保持行为的前端重构主要涉及搬移特性类重构，已经选定或正在评估对应手法，需要查询该 family 的操作步骤、风险与 JavaScript/TypeScript/React/Vue 适配时。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-refactoring-validation/SKILL.md · 用于证明前端重构保持了既有行为、选择合适的安全网、逐步验证结构修改，或依据证据给出 PASS、PARTIAL、NOT PROVEN 的行为保持结论。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-refactoring/SKILL.md · 用于在不改变可观察行为的前提下重组既有前端代码，包括职责提炼、模块搬移、条件逻辑简化、API 整理和数据组织。不要用于新增功能、改变行为的缺陷修复、依赖或框架迁移，以及已经证实的死代码清理。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-responsive-layout/SKILL.md · 用于设计、实现或审查响应式前端布局、移动优先断点、容器查询、流式网格、数据密集表格、触摸目标、安全区域、横竖屏变化、视口溢出或跨设备 UI 行为；中文触发词包括 响应式布局、移动端适配、断点、容器查询、横竖屏、触摸目标。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-route-protection/SKILL.md · 用于实现或审查前端路由保护、auth guard、RBAC、权限路由、登录态处理、重定向、middleware、React Router、Next.js、Vue Router 或 Nuxt route middleware；中文触发词包括…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-security-review/SKILL.md · 用于审查前端安全风险，如 XSS、CSRF、敏感数据暴露、不安全 DOM API、不可信用户输入、认证/token 处理、支付流程、文件上传、CSP、依赖风险或第三方脚本；中文触发词包括 安全审查、安全检查。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-source-driven-development/SKILL.md · 用于前端决策依赖可能变化的框架、库、浏览器、运行时、包、API 或平台行为时，包括官方文档核验、版本敏感模式、迁移选择或公共接口假设；中文触发词包括 查官方文档、以源码为准、source-driven、版本差异。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-state-management/SKILL.md · 用于选择、实现、审查或重构 React、Vue、Next.js、Nuxt、URL 状态、服务端状态、表单状态、浏览器持久化或全局 store 的前端状态归属。TanStack Query…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-storybook-component-doc/SKILL.md · 用于设置或审查 Storybook 组件文档、设计系统展示、隔离组件状态预览、stories、addons、decorators、MDX 文档、组件状态交互检查、视觉基线或…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-svg-animation/SKILL.md · 用于实现或审查 SVG 动画、路径绘制、图标动效、Logo 动画、插画动效、微交互、CSS/SMIL/Framer Motion/GSAP 选型、动效无障碍或降级行为；中文触发词包括 SVG 动画、路径描边、动效。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-tailwind-design-system/SKILL.md · 用于设计、实现或审查 Tailwind CSS 设计系统、Token 映射、主题扩展、工具类治理、组件变体、暗色模式、响应式工具、safelist 或可维护的 class 组合；中文触发词包括 Tailwind、设计…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-tdd-workflow/SKILL.md · 用于实现新前端行为、修复 bug 或重构可先由测试描述预期行为的逻辑。适用于组件、hooks/composables、工具函数、API clients、路由守卫或用户工作流；中文触发词包括 TDD、测试驱动、先写测试、红绿重构、回归测试。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-testing-strategy/SKILL.md · 用于规划或审查前端测试策略，按风险选择正确测试层级，将覆盖映射到静态检查、单元测试、组件测试、集成测试、E2E、Storybook/视觉回归、a11y、安全、性能或 CI gates。不要用于编写单个组件/E2E…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-typescript-project-standard/SKILL.md · 用于创建、配置、审查或调试前端应用、库、SDK、CLI、monorepo 包中的 TypeScript 项目规范，包括 tsconfig、strictness、module/moduleResolution、路径别名、project…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-ui-design/SKILL.md · 用于构建、审查或改进需要产品专属设计方向的前端 UI，包括设计系统生成、Master/Page 覆盖、独特视觉识别、反通用界面选择、首屏层级、UI 打磨、图表 UX、交互状态、响应式行为或视觉…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-validation-fix/SKILL.md · 用于运行现有项目验证命令并修复代码变更后的失败，包括 lint、type-check、单元/集成测试、build、CI 或本地脚本失败。不要用于设计或编写新的组件/E2E 测试；中文触发词包括 验证、检查失败、修复失败、CI 失败。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-vite-project-standard/SKILL.md · 用于创建、配置、审查或调试基于 Vite 的前端项目、vite.config.ts、环境变量、dev server proxy、HMR、插件顺序、library mode、依赖预打包、bundle splitting 或 Vite…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-vue3-project-standard/SKILL.md · 用于设计或审查 Vue 3 + TypeScript 项目结构、SFC/组件边界、composables 组织、路由组合、Pinia 归属、API/错误/样式默认约定、directives 或仓库级 Vue…

bovinphang/frontend-craft · localized/zh-CN/skills/fec-web-video-presentation/SKILL.md · 用于将文章、演讲稿、课程、产品演示或口播解释转成可录制的 16:9 网页演示，包含步骤驱动场景、可选口播对齐、主题 Token 与录屏指导；中文触发词包括 网页视频、动态演示、口播稿转视频、可录屏演示、16:9 演示。

bovinphang/frontend-craft · localized/zh-CN/skills/fec-web-workers/SKILL.md · 用于将昂贵的浏览器工作移出主线程，涉及 Web Workers、SharedWorker、worker 池、Comlink、transferable objects、Vite/Webpack worker 集成或 UI…

bovinphang/frontend-craft · localized/zh-CN/templates/claude/CLAUDE.md

bovinphang/frontend-craft · localized/zh-CN/templates/codex/AGENTS.md

bovinphang/frontend-craft · localized/zh-CN/templates/openclaw/AGENTS.md

bovinphang/frontend-craft · skills/fec-accessibility-check/SKILL.md · Use when reviewing or improving frontend accessibility, semantic structure, keyboard support, focus management, ARIA…

bovinphang/frontend-craft · skills/fec-alchemy/SKILL.md · Use when absorbing ideas, capabilities, workflows, architecture, quality systems, ecosystem extensions, or engineering…

bovinphang/frontend-craft · skills/fec-api-integration/SKILL.md · Use when designing, implementing, or reviewing frontend-to-backend API integration, typed API clients…

bovinphang/frontend-craft · skills/fec-backend-requirements-handoff/SKILL.md · Use when frontend work needs to communicate data, action, state, permission, validation, or business-rule needs to…

bovinphang/frontend-craft · skills/fec-browser-storage/SKILL.md · Use when choosing, implementing, or reviewing browser storage such as localStorage, sessionStorage, IndexedDB, cookies…

bovinphang/frontend-craft · skills/fec-canvas-threejs/SKILL.md · Use when building or reviewing Canvas 2D, Three.js/WebGL, React Three Fiber, GLSL shaders, ShaderToy-to-WebGL…

bovinphang/frontend-craft · skills/fec-code-review/SKILL.md · Use when the user asks for general frontend code review, PR review, merge-readiness assessment, architecture…

bovinphang/frontend-craft · skills/fec-code-smells/SKILL.md · Use when diagnosing structural maintainability problems in existing frontend code before deciding how to refactor it…

bovinphang/frontend-craft · skills/fec-component-testing/SKILL.md · Use when authoring or reviewing frontend unit, component, or light integration tests close to UI code, including React…

bovinphang/frontend-craft · skills/fec-data-fetching/SKILL.md · Use when implementing or reviewing frontend server-state flows: typed queries, request caching, invalidation…

bovinphang/frontend-craft · skills/fec-debug-framework/SKILL.md · Use when diagnosing frontend build failures, runtime errors, UI anomalies, API/data problems, white screens, request…

bovinphang/frontend-craft · skills/fec-dependency-upgrade/SKILL.md · Use when planning, implementing, or reviewing frontend dependency upgrades, package migrations, lockfile changes, major…

bovinphang/frontend-craft · skills/fec-doc-sync/SKILL.md · Use when synchronizing frontend project documentation with source-of-truth files such as package.json, lockfiles…

bovinphang/frontend-craft · skills/fec-drawio-studio/SKILL.md · Use when creating editable technical diagrams with draw.io / diagrams.net sources, including architecture diagrams…

bovinphang/frontend-craft · skills/fec-e2e-testing/SKILL.md · Use when creating, maintaining, debugging, or reviewing real-browser end-to-end tests with Playwright or Cypress…

bovinphang/frontend-craft · skills/fec-form-handling/SKILL.md · Use when building or reviewing substantial forms with React Hook Form, Zod schemas, typed validation, dynamic fields…

bovinphang/frontend-craft · skills/fec-image-generation/SKILL.md · Use when generating or editing diagrams, charts, visual assets, posters, UI mockups, product images, infographics…

bovinphang/frontend-craft · skills/fec-implement-from-design/SKILL.md · Use when implementing UI from Figma, Sketch, MasterGo, Pixso, Modao, MockingBot, screenshots, design selections, design…

bovinphang/frontend-craft · skills/fec-legacy-to-modern-migration/SKILL.md · Use when planning or implementing an intentional migration from JavaScript, jQuery, HTML/CSS, server-rendered…

bovinphang/frontend-craft · skills/fec-legacy-web-standard/SKILL.md · Use when maintaining or safely modifying existing non-framework frontend code: vanilla JavaScript, jQuery, HTML/CSS…

bovinphang/frontend-craft · skills/fec-list-virtualization/SKILL.md · Use when optimizing or reviewing large lists, virtual scrolling, windowing, react-window, TanStack Virtual…

bovinphang/frontend-craft · skills/fec-monorepo-project-standard/SKILL.md · Use when creating, reviewing, or restructuring frontend monorepos with pnpm workspace, Turborepo, Nx, multi-package…

bovinphang/frontend-craft · skills/fec-motion-interaction/SKILL.md · Use when designing, implementing, or reviewing frontend interaction motion, page transitions, scroll animation, Framer…

bovinphang/frontend-craft · skills/fec-nextjs-project-standard/SKILL.md · Use when creating or reviewing Next.js 14+ App Router projects, file routes, layouts, server/client component…

bovinphang/frontend-craft · skills/fec-nuxt-project-standard/SKILL.md · Use when creating or reviewing Nuxt 3 projects, file routes, pages, layouts, SSR/SSG/SPA behavior, Nuxt data fetching…

bovinphang/frontend-craft · skills/fec-performance-optimization/SKILL.md · Use when diagnosing or improving frontend performance, Core Web Vitals, bundle size, runtime rendering cost, network…

bovinphang/frontend-craft · skills/fec-pwa-implementation/SKILL.md · Use when adding or reviewing Progressive Web App capabilities such as installability, manifest metadata, Service Worker…

bovinphang/frontend-craft · skills/fec-react-project-standard/SKILL.md · Use when designing or reviewing React + TypeScript project structure, feature/module boundaries, component…

bovinphang/frontend-craft · skills/fec-refactor-clean/SKILL.md · Use when safely removing dead frontend code, unused exports, stale components, obsolete routes, unused dependencies, or…

bovinphang/frontend-craft · skills/fec-refactoring-api/SKILL.md · Use when behavior-preserving frontend refactoring focuses on function API shape, flags, dependencies, mutability…

bovinphang/frontend-craft · skills/fec-refactoring-catalog/SKILL.md · Use when selecting or composing behavior-preserving refactoring techniques after structural evidence is known…

bovinphang/frontend-craft · skills/fec-refactoring-control/SKILL.md · Use when behavior-preserving frontend refactoring focuses on conditional complexity, repeated branches, guards, special…

bovinphang/frontend-craft · skills/fec-refactoring-data/SKILL.md · Use when behavior-preserving frontend refactoring focuses on variable meaning, field naming, derived state, or…

bovinphang/frontend-craft · skills/fec-refactoring-encapsulation/SKILL.md · Use when behavior-preserving frontend refactoring focuses on record, collection, value, responsibility, delegation, or…

bovinphang/frontend-craft · skills/fec-refactoring-functions/SKILL.md · Use when behavior-preserving frontend refactoring focuses on function structure, naming, parameters, shared context, or…

bovinphang/frontend-craft · skills/fec-refactoring-inheritance/SKILL.md · Use when behavior-preserving frontend refactoring focuses on legacy OO hierarchies, subtype responsibilities…

bovinphang/frontend-craft · skills/fec-refactoring-move-features/SKILL.md · Use when behavior-preserving frontend refactoring focuses on behavior/data ownership, statement placement, loops, or…

bovinphang/frontend-craft · skills/fec-refactoring-validation/SKILL.md · Use when proving that a frontend refactoring preserved existing behavior, selecting an appropriate safety net…

bovinphang/frontend-craft · skills/fec-refactoring/SKILL.md · Use when restructuring existing frontend code while preserving observable behavior, including responsibility…

bovinphang/frontend-craft · skills/fec-responsive-layout/SKILL.md · Use when designing, implementing, or reviewing responsive frontend layouts, mobile-first breakpoints, container…

bovinphang/frontend-craft · skills/fec-route-protection/SKILL.md · Use when implementing or reviewing frontend route protection, auth guards, RBAC, permission routes, login state…

bovinphang/frontend-craft · skills/fec-security-review/SKILL.md · Use when reviewing frontend security risks such as XSS, CSRF, sensitive data exposure, unsafe DOM APIs, untrusted user…

bovinphang/frontend-craft · skills/fec-source-driven-development/SKILL.md · Use when frontend decisions depend on framework, library, browser, runtime, package, API, or platform behavior that may…

bovinphang/frontend-craft · skills/fec-state-management/SKILL.md · Use when choosing, implementing, reviewing, or refactoring frontend state ownership across React, Vue, Next.js, Nuxt…

bovinphang/frontend-craft · skills/fec-storybook-component-doc/SKILL.md · Use when setting up or reviewing Storybook component documentation, design-system presentation, isolated component…

bovinphang/frontend-craft · skills/fec-svg-animation/SKILL.md · Use when implementing or reviewing SVG animation, path drawing, icon motion, logo animation, illustration motion…

bovinphang/frontend-craft · skills/fec-tailwind-design-system/SKILL.md · Use when designing, implementing, or reviewing Tailwind CSS design systems, token mapping, theme extension, utility…

bovinphang/frontend-craft · skills/fec-tdd-workflow/SKILL.md · Use when implementing new observable frontend behavior or fixing a behavior-changing bug where a failing test can…

bovinphang/frontend-craft · skills/fec-testing-strategy/SKILL.md · Use when planning or reviewing a frontend testing strategy, selecting the right test layer by risk, mapping coverage…

bovinphang/frontend-craft · skills/fec-typescript-project-standard/SKILL.md · Use when creating, configuring, reviewing, or debugging TypeScript project standards across frontend apps, libraries…

bovinphang/frontend-craft · skills/fec-ui-design/SKILL.md · Use when building, reviewing, or improving frontend UI that needs product-specific design direction, design-system…

bovinphang/frontend-craft · skills/fec-validation-fix/SKILL.md · Use when running existing project validation commands and fixing failures after code changes, including lint…

bovinphang/frontend-craft · skills/fec-vite-project-standard/SKILL.md · Use when creating, configuring, reviewing, or debugging Vite-based frontend projects, vite.config.ts, env variables…

bovinphang/frontend-craft · skills/fec-vue3-project-standard/SKILL.md · Use when designing or reviewing Vue 3 + TypeScript project structure, SFC/component boundaries, composables…

bovinphang/frontend-craft · skills/fec-web-video-presentation/SKILL.md · Use when turning an article, talk script, lesson, product demo, or narrated explanation into a recordable 16:9 web…

bovinphang/frontend-craft · skills/fec-web-workers/SKILL.md · Use when moving expensive browser work off the main thread with Web Workers, SharedWorker, worker pools, Comlink…

bovinphang/frontend-craft · templates/claude/CLAUDE.md

bovinphang/frontend-craft · templates/codex/AGENTS.md

bovinphang/frontend-craft · templates/openclaw/AGENTS.md