{
  "$type": "site.standard.document",
  "bskyPostRef": {
    "cid": "bafyreiadzs6eegnk5hq3eww62t3aavqc63nintd2ycswk6h67rga6xj3ka",
    "uri": "at://did:plc:fsxdrar45fdrarzog6x2vyow/app.bsky.feed.post/3mixsseh7ac62"
  },
  "coverImage": {
    "$type": "blob",
    "ref": {
      "$link": "bafkreif75dwv75na7ttrjamqneqs2nkncwklfsbysqjii5772tvgzga24m"
    },
    "mimeType": "image/jpeg",
    "size": 51643
  },
  "description": "Designer’s Cheat Sheet for Claude: Discover how to transform Artificial Intelligence into a strategic design partner. Move beyond simple UI generation and master essential Claude prompts for Component Architecture, Accessibility Auditing, and Edge Case identification",
  "path": "/designers-cheat-sheet-for-claude/",
  "publishedAt": "2026-04-08T07:53:01.000Z",
  "site": "https://ux.prithivkumar.com",
  "textContent": "As a Senior Product Designer, my biggest bottleneck has never been the pixels—it’s been the cognitive load of documenting, analysing, and structuring the \"Why\" behind the work. While many use AI for basic image generation, I’ve found that Claude is uniquely suited for the deep, structural thinking that defines senior-level UX.\n\n#### **Phase 1: Architecture and Logic**\n\nStop building components in a vacuum. Use Claude to analyze a design brief and propose a comprehensive list of **Component Variants and States**. This ensures that when you start in Figma, you’ve already planned for every hover, error, and loading state.\n\n#### **Phase 2: Accessibility and Ethics**\n\nAccessibility isn't a \"nice-to-have.\" Prompt Claude to review your proposed user flows and identify potential **accessibility friction points**. It helps catch contrast issues or navigation hurdles before they reach development.\n\n#### **Phase 3: Edge Case Discovery**\n\nWe often design for the \"happy path.\" Use Claude to act as a cynical user, identifying **edge cases and \"unhappy paths\"** in your journeys. This forces you to design for reality, not just the ideal scenario.\n\n#### **Phase 4: Design System Naming**\n\nNaming is one of the hardest parts of design systems. Use Claude to generate **Semantic Naming Conventions** for your color and typography scales. It moves your library from \"Blue-500\" to \"Action-Primary-Enabled,\" making handoff seamless.\n\n**The Bottom Line:** AI doesn't replace the designer; it replaces the manual grind. By using this cheat sheet, you elevate your role from a pixel-pusher to a strategic product leader.",
  "title": "Designer’s Cheat Sheet for Claude",
  "updatedAt": "2026-04-08T07:53:01.443Z"
}