Fynd Theme Best Practices

Quick Start Decision Tree

Use this skill when the request involves:

1. "Where is X feature?" → Codebase navigation workflow
2. "How do I implement Y?" → Best practices + pattern workflow
3. "This isn't working" → Debugging workflow
4. "What's wrong with this code?" → Code review workflow
5. "How do sections/blocks work?" → Theme architecture workflow
6. "GraphQL query issues" → GraphQL workflow

Prerequisites:

• For codebase questions: ensure you have access to the project's src/ directory
• For React/performance optimization: this skill includes Vercel React best practices (57 rules) — see references/performance/vercel_react_best_practices.md

⚠️ ALWAYS Follow FDK Best Practices

CRITICAL: When providing code examples, suggestions, or implementations, you MUST enforce these best practices: