TL;DR
This video serves as a comprehensive guide to mastering Claude Code, Anthropic's AI coding agent, based on insights from the "Cloth Code Bible" by its creator. It emphasizes customizing the setup through files like cloth.md (system prompt) and cloth_settings.json (tool permissions), and integrating GitHub CLI. A key takeaway is extending Claude's capabilities with custom MCPs like Playwright for browser interaction and creating custom slash commands to automate complex workflows, significantly boosting productivity. The guide details four recommended workflows: Explore-Plan-Code-Commit (with sub-agents and thinking budget prompts), Test-Driven Development, Write Code-Screenshot-Iterate, and leveraging Claude for Git operations. It also covers workflow optimization through specific instructions, URL browsing, early course correction, and context management commands (/clear, /compact). Finally, it introduces advanced uses like headless mode
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <#meta#> | |
| - Date: 2023-10-05 | |
| - Task: summary | |
| <#system#> | |
| Your main objective is to condense the content of the document into a concise summary, capturing the main points and themes. | |
| <#chat#> | |
| <#user#> | |
| To craft a Final Summary: | |
| 1. Read Summarized Sections: Carefully review all the summarized sections of the document. Ensure that you have a clear understanding of the main points, key details, and essential information presented in each section. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <#meta#> | |
| - Date: 2023-10-05 | |
| - Task: summary | |
| <#system#> | |
| Your main objective is to condense the content of the document into a concise summary, capturing the main points and themes. | |
| <#chat#> | |
| <#user#> | |
| Please read the provided Original section to understand the context and content. Use this understanding to generate a summary of the Original section, incorporating relevant details and maintaining coherence with the Prior Summary. | |
| Notes: |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function isStoryblokAsset(object: unknown): object is AssetStoryblok { | |
| return (object as AssetStoryblok)?.filename !== undefined; | |
| } | |
| const Picture = forwardRef< | |
| HTMLImageElement, | |
| PictureProps & ImgHTMLAttributes<HTMLImageElement> | |
| >(({ src, lazy, ...props }, ref) => { | |
| const internalRef = useRef<HTMLImageElement>(null); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script> | |
| const performanceCookieCategory = '2,'; | |
| function waitForOneTrust() { | |
| hasOneTrustLoaded(); | |
| let attempts = 0; | |
| const interval = setInterval(function () { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import type { ZodType, z } from "zod"; | |
| import { zodResolver } from "@hookform/resolvers/zod"; | |
| import { getValidatedFormData as getValidatedFormDataPrimitive, useRemixForm as useForm, UseRemixFormOptions } from "remix-hook-form"; | |
| interface UseRemixFormZodOptions<T extends ZodType, U extends FromZodType<T>> extends UseRemixFormOptions<U> { | |
| schema: T; | |
| } | |
| export type FromZodType<T extends ZodType> = z.infer<T>; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {% comment %} | |
| UPDATE: Now you can use this theme to more easily manage your redirects: | |
| https://github.com/benjaminsehl/shopify-headless-theme | |
| {% endcomment %} | |
| {% assign new_website = 'https://headless-website.com/' %} | |
| <!doctype html> | |
| <html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function (user, context, callback) { | |
| if (context.clientMetadata && context.clientMetadata.shopify_domain && context.clientMetadata.shopify_multipass_secret) | |
| { | |
| const RULE_NAME = 'shopify-multipasstoken'; | |
| const CLIENTNAME = context.clientName; | |
| console.log(`${RULE_NAME} started by ${CLIENTNAME}`); | |
| const now = (new Date()).toISOString(); | |
| let shopifyToken = { | |
| email: user.email, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "title": "Change caps_lock to Esc and Control", | |
| "rules": [ | |
| { | |
| "description": "Post Esc if Caps is tapped, Control if held.", | |
| "manipulators": [ | |
| { | |
| "type": "basic", | |
| "from": { | |
| "key_code": "caps_lock", |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!--- Elevar Base Data Layer ----!> | |
| {% if customer %} | |
| window.dataLayer.push({ | |
| "event": "dl_user_data" | |
| "event_id": {{ uuid }} // unique uuid for FB conversion API | |
| "cart_total": "{{ cart.total_price }}", | |
| "user_properties": { | |
| "visitor_type": "logged_in", |
NewerOlder