Communitygithub.com

TIKAZI/TIKAZ-Codex-前端设计

艺术指导驱动的前端工作流程,在规模化实施之前验证视觉方向。

TIKAZ-Codex-前端设计 是什么?

该技能提供了一种独特的前端设计工作流,称为“TIKAZ方法”,旨在确保视觉方向在规模化实施前得到充分验证。它通过将界面表面分类为四个体验类型(说服、操作、阅读、体验)来避免千篇一律的着陆页设计,并为每个项目定义明确的设计读法、三个调节参数(差异、动感、密度)、一个主导构图和三个反目标。核心原则是赋予“前端设计工作室”技能对艺术方向和实施的专属所有权,其他支持技能不得覆盖已批准的视觉世界。该技能要求构建完整的艺术方向验证(包括导航、首屏、一个代表性下游区域以及桌面和移动端视图),并强制执行严格的完成标准,包括提交设计合同、截图证据、关键状态、减少动画行为证据、构建/测试证据、组件许可证状态以及剩余限制说明。整个流程通过与代码智能和生产交付等其他技能的路由协作来管理变更影响和执行。

兼容平台~Claude Code✓Codex CLI~Cursor
npx skills add TIKAZI/TIKAZ-Codex-Frontend-Design

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

前端设计

由 TIKAZ 设计、集成、重构并持续维护。

TIKAZ 方法

  1. 将界面表面分类为 说服、操作、阅读 或 体验;不要将着陆页的华丽效果应用于所有产品。
  2. 编写一份 设计读法、三个项目调节参数(差异、动感、密度)、一个主导构图以及三个反目标。
  3. 让 frontend-design-studio 技能负责艺术方向和实现。支持型技能不得覆盖已批准的视觉世界。
  4. 构建艺术方向验证:导航、首屏、一个代表性下游区域,以及桌面和移动端视图。
  5. 仅在设计验证获得批准后,将全仓库范围的变更影响路由至 code-intelligence,将生产执行路由至 engineering-delivery。
  6. 分别运行独立的视觉/产品 QA 和实现 QA。

完成标准

要求提交设计合同、目标视口截图证据、关键状态、减少动画行为、构建/测试证据、组件许可证状态,以及包含剩余限制的交接说明。

请阅读 references/routing.md 和 references/output-contract.md。

相关技能