design-truenote-ui

name

design-truenote-ui

description

Design, implement, review, or polish Truenote's React frontend. Use for any user-facing change under artifacts/rag-app involving pages, components, layout, visual hierarchy, UX copy, forms, tables, navigation, responsiveness, motion, accessibility, loading/empty/error states, or design-system compliance. Enforces PRODUCT.md, DESIGN.md, citation/refusal presentation, CSR-versus-admin density, and the existing React/Vite/Tailwind v3 stack. Not for backend-only work.

Codex Adapter

Read ../../../.claude/skills/design-truenote-ui/SKILL.md completely and follow it as the canonical workflow for this skill.

• Resolve every relative script, reference, asset, and template path from the canonical skill directory under .claude/skills/design-truenote-ui/.
• Read ../../../.agents/CODEX-SKILL-COMPATIBILITY.md and apply the status and exceptions for this skill.
• Translate Claude Code tool names to the available Codex equivalent as described by the repository AGENTS.md.
• Before any Claude Task, Agent, or Workflow step, confirm that the current Codex session exposes the required multi-agent tools. Do not replace independent review with self-review.
• Skill invocation alone does not authorize commit, push, PR, merge, deploy, migration, dependency installation, or another outward action unless that action is the user's explicit request.
• Follow Codex system, developer, sandbox, approval, and tool instructions when they differ from the canonical workflow.
• Keep the canonical Claude skill unchanged unless the user explicitly asks to edit the workflow itself.