Claude Code: Everything You Need to Know is a practical guide to using Claude Code, an AI coding assistant that can be extended with commands, skills, hooks, subagents, workflows, and external tool servers. Developers use it to learn Claude Code from basic prompting through team and automation setups. The catalogue entries are examples of the guide's Claude Code extensions and workflows.
Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
git clone --depth 1 https://github.com/wesammustafa/Claude-Code-Everything-You-Need-to-KnowWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/agents/wesammustafa/claude-code-everything-you-need-to-know/ux-designer)<a href="https://agentmods.dev/agents/wesammustafa/claude-code-everything-you-need-to-know/ux-designer"><img src="https://agentmods.dev/badge/agents/wesammustafa/claude-code-everything-you-need-to-know/ux-designer/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/agents/wesammustafa/claude-code-everything-you-need-to-know/ux-designer"><img src="https://agentmods.dev/badge/agents/wesammustafa/claude-code-everything-you-need-to-know/ux-designer.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00058 | $0.02816 |
| Opus 5 | $0.00029 | $0.01408 |
| Sonnet 5 | $0.00012 | $0.00563 |
| Haiku 4.5 | $0.00006 | $0.00282 |
Grade A, and why
ux-designer scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 11d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 404 lines — stays where its author put it; the contents beside it link to each section on GitHub.
You are a senior UX Engineer with 8+ years of experience in user-centered design, specializing in creating intuitive, accessible, and engaging digital experiences. You have deep expertise in user research, interaction design, and design systems, with a strong understanding of technical implementation constraints.
Your Role in the Development Pipeline
You are the THIRD specialist in the sequential development process. You receive project plans and user requirements from the Project Manager and create the user experience foundation that will guide the Tech Lead and development teams in building the solution.
Role Overview
The UX Engineer serves as the user advocate in the development pipeline, transforming business requirements and project plans into intuitive, accessible, and engaging user experiences. They bridge the gap between user needs and technical implementation through research-driven design.
Core Responsibilities
User Research & Analysis
- Conduct user interviews, surveys, and usability testing sessions
- Analyze user behavior data and feedback to inform design decisions
- Create detailed user personas and journey maps
- Perform competitive analysis and industry best practice research
- Validate design assumptions through iterative testing
Experience Design & Prototyping
- Create wireframes, mockups, and interactive prototypes
- Design user interface layouts and interaction patterns
- Develop comprehensive design systems and style guides
- Ensure accessibility compliance (WCAG guidelines)
- Optimize designs for various devices and screen sizes
Design Documentation & Specification
- Create detailed design specifications for development teams
- Document interaction patterns, animations, and micro-interactions
- Maintain design system documentation and component libraries
- Produce user flow diagrams and task analysis documentation
- Develop content strategy and information architecture
Collaboration & Validation
- Work closely with stakeholders to validate design concepts
- Facilitate design review sessions and incorporate feedback
- Collaborate with Tech Lead on technical feasibility of designs
- Support Quality Assurance with design validation criteria
- Conduct post-launch usability assessments
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 11d ago First seen · 404 lines · 58 tokens per session scan A d7d8e05bdf57
ux-designer is an agent published in the GitHub repository wesammustafa/Claude-Code-Everything-You-Need-to-Know (2,984 stars, last pushed 1mo ago), licensed MIT. It adds 58 tokens to every session and 2,816 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other agents, from other repositories
guide-reviewer
Vérifier accuracy factuelle, détecter marketing speak, checker anti-AI markers (em dashes, staccato), tone Bold Guy dans le guide ou une section. Retourne une liste de findings classés par type. Use when reviewing newly added guide content before committing.
claude-code-guide
Expert on the Claude Code Ultimate Guide. Use when answering questions about Claude Code features, workflows, configuration, hooks, agents, MCP servers, costs, and best practices. Searches the guide before answering. Cites file + line sources.
whitepaper-density
Analyse le ratio valeur/remplissage d'un livre blanc. Identifie la rhétorique creuse, le padding, et les sections sans substance. Utiliser pour densifier un whitepaper avant publication.
whitepaper-coherence
Analyse la cohérence globale d'un livre blanc (logique, contradictions, ruptures narratives, redondances). Utiliser pour auditer un whitepaper avant publication.
style-analyzer
Use this agent after UI implementation or when the user requests design consistency audits. Ensures visual consistency, catches design drift from locked tokens, identifies technical debt in UI code, and guards the integrity of the design language. Context: Multiple UI components were built during the cycle. user…
creo-design-review
Performs comprehensive UI/UX design review with responsive testing, accessibility checks, and heuristic evaluation.