# #design — MDRSS hashtag feed

> Public MDRSS cards tagged #design.
> Canonical feed: https://mdrss.com/feeds/design

## Cards (49)

### [Web Component Design](https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901482/901482.md)

Build reusable, maintainable UI components using modern frameworks with clean composition patterns and styling approaches. Use it to give an agent explicit responsibilities, steps and constraints.

Classification: web-mobile/accessibility-and-mobile-ux · Feed: web-mobile · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Visual Design Foundations](https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901478/901478.md)

Build cohesive, accessible visual systems using typography, color, spacing, and iconography fundamentals. Use it to give an agent explicit responsibilities, steps and constraints.

Classification: web-mobile/accessibility-and-mobile-ux · Feed: web-mobile · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Material Design 3 Theming](https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901470/901470.md)

Material Design 3 Theming captures reusable agent playbook guidance for accessibility & mobile ux. Use it to give an agent explicit responsibilities, steps and constraints.

Classification: web-mobile/accessibility-and-mobile-ux · Feed: web-mobile · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Interaction Design](https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901467/901467.md)

Create engaging, intuitive interactions through motion, feedback, and thoughtful state transitions that enhance usability and delight users. Use it to give an agent explicit responsibilities, steps and constraints.

Classification: web-mobile/accessibility-and-mobile-ux · Feed: web-mobile · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Design Tokens Deep Dive](https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901465/901465.md)

Design tokens are the atomic values of a design system - the smallest pieces that define visual style. They bridge the gap between design and development by providing a single source of truth for colors, typography, spacing, and other design decisions. Use it to give an agent explicit responsibilities, steps and constraints.

Classification: web-mobile/accessibility-and-mobile-ux · Feed: web-mobile · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Design System Setup](https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901459/901459.md)

Initialize a design system with design tokens, component patterns, and documentation. Creates a foundation for consistent UI development. Use it to give an agent explicit responsibilities, steps and constraints.

Classification: web-mobile/accessibility-and-mobile-ux · Feed: web-mobile · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Design Review](https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901458/901458.md)

Review existing UI code for design issues, usability problems, and improvement opportunities. Provides actionable recommendations. Use it to give an agent explicit responsibilities, steps and constraints.

Classification: web-mobile/accessibility-and-mobile-ux · Feed: web-mobile · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Design system architect](https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901456/901456.md)

You are an expert design system architect specializing in building scalable, maintainable design systems that bridge design and development. Use it to give an agent explicit responsibilities, steps and constraints.

Classification: web-mobile/accessibility-and-mobile-ux · Feed: web-mobile · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Tdd orchestrator](https://mdrss.com/ai-agents/agent-design-and-orchestration/901452/901452.md)

You are an expert TDD orchestrator specializing in comprehensive test-driven development coordination, modern TDD practices, and multi-agent workflow management. Use it to give an agent explicit responsibilities, steps and constraints.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Qa](https://mdrss.com/ai-agents/agent-design-and-orchestration/901433/901433.md)

You are a Senior QA Engineer with 15 years of experience in software testing and quality assurance. You are systematic, evidence-driven, and thorough. You test against requirements — you do not modify production code. Use it to give an agent explicit responsibilities, steps and constraints.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Ui ux designer](https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901386/901386.md)

You are a UI/UX design expert specializing in user-centered design, modern design systems, and accessible interface creation. Use it to give an agent explicit responsibilities, steps and constraints.

Classification: web-mobile/accessibility-and-mobile-ux · Feed: web-mobile · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [AI Assistant Development](https://mdrss.com/ai-agents/agent-design-and-orchestration/901340/901340.md)

You are an AI assistant development expert specializing in creating intelligent conversational interfaces, chatbots, and AI-powered applications. Design comprehensive AI assistant solutions with natural language understanding, context management, and seamless integrations. Use it to give an agent explicit responsibilities, steps and constraints.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Prompt engineer](https://mdrss.com/ai-agents/agent-design-and-orchestration/901339/901339.md)

You are an expert prompt engineer specializing in crafting effective prompts for LLMs and optimizing AI system performance through advanced prompting techniques. Use it to give an agent explicit responsibilities, steps and constraints.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Ai engineer](https://mdrss.com/ai-agents/agent-design-and-orchestration/901338/901338.md)

You are an AI engineer specializing in production-grade LLM applications, generative AI systems, and intelligent agent architectures. Use it to give an agent explicit responsibilities, steps and constraints.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Tailwind Design System: Advanced Patterns](https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901307/901307.md)

Advanced Tailwind CSS v4 patterns including animations, dark mode theming, custom utilities, theme modifiers, namespace overrides, and the v3-to-v4 migration checklist. Use it to give an agent explicit responsibilities, steps and constraints.

Classification: web-mobile/accessibility-and-mobile-ux · Feed: web-mobile · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [.NET Backend Development Patterns](https://mdrss.com/ai-agents/agent-design-and-orchestration/901292/901292.md)

Master C /.NET patterns for building production-grade APIs, MCP servers, and enterprise backends with modern best practices (2024/2025). Use it to give an agent explicit responsibilities, steps and constraints.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [openapi-spec-generation — templates and worked examples](https://mdrss.com/web-mobile/web-design-systems/901290/901290.md)

For advanced code-first generation patterns and tooling, see references/code-first-and-tooling.md:. Use it to give an agent explicit responsibilities, steps and constraints.

Classification: web-mobile/web-design-systems · Feed: web-mobile · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [PostgreSQL Table Design](https://mdrss.com/software-craft/api-backend-and-databases/901266/901266.md)

Enable with ALTER TABLE tbl ENABLE ROW LEVEL SECURITY. Create policies: CREATE POLICY user access ON orders FOR SELECT TO app users USING (user id = current user id()). Built-in user-based access control at the row level. Use it to give an agent explicit responsibilities, steps and constraints.

Classification: software-craft/api-backend-and-databases · Feed: software-craft · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Database architect](https://mdrss.com/software-craft/api-backend-and-databases/901265/901265.md)

You are a database architect specializing in designing scalable, performant, and maintainable data layers from the ground up. Use it to give an agent explicit responsibilities, steps and constraints.

Classification: software-craft/api-backend-and-databases · Feed: software-craft · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Conductor validator](https://mdrss.com/ai-agents/agent-design-and-orchestration/901241/901241.md)

You are an expert validator for Conductor project artifacts. Your role is to verify that Conductor's Context-Driven Development setup is complete, consistent, and correctly configured. Use it to give an agent explicit responsibilities, steps and constraints.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [GraphQL Schema Design Patterns](https://mdrss.com/software-craft/api-backend-and-databases/901200/901200.md)

1. Nullable vs Non-Null : Start nullable, make non-null when guaranteed 2. Input Types : Always use input types for mutations 3. Payload Pattern : Return errors in mutation payloads 4. Pagination : Use cursor-based for infinite scroll, offset for simple cases 5. Nam. Use it to give an agent explicit responsibilities, steps and constraints.

Classification: software-craft/api-backend-and-databases · Feed: software-craft · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [api-design-principles — detailed patterns and worked examples](https://mdrss.com/software-craft/api-backend-and-databases/901199/901199.md)

api-design-principles — detailed patterns and worked examples captures reusable agent playbook guidance for api, backend & databases. Use it to give an agent explicit responsibilities, steps and constraints.

Classification: software-craft/api-backend-and-databases · Feed: software-craft · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Team Composition Patterns](https://mdrss.com/ai-agents/agent-design-and-orchestration/901188/901188.md)

Best practices for composing multi-agent teams, selecting team sizes, choosing agent types, and configuring display modes for Claude Code's Agent Teams feature. Use it to give an agent explicit responsibilities, steps and constraints.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Parallel Feature Development](https://mdrss.com/ai-agents/agent-design-and-orchestration/901186/901186.md)

Strategies for decomposing features into parallel work streams, establishing file ownership boundaries, avoiding conflicts, and integrating results from multiple implementer agents. Use it to give an agent explicit responsibilities, steps and constraints.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Agent Performance Optimization Workflow](https://mdrss.com/ai-agents/agent-design-and-orchestration/901185/901185.md)

Systematic improvement of existing agents through performance analysis, prompt engineering, and continuous iteration. Use it to give an agent explicit responsibilities, steps and constraints.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Architecture & Design Principles](https://mdrss.com/ai-agents/agent-design-and-orchestration/901176/901176.md)

This marketplace follows industry best practices with a focus on granularity, composability, and minimal token usage. Use it as a repeatable review, validation or hardening pass.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Agent Reference](https://mdrss.com/ai-agents/agent-design-and-orchestration/901175/901175.md)

Complete reference for all 203 local specialized AI agents organized by category with model assignments. Use it as a repeatable review, validation or hardening pass.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Architecture](https://mdrss.com/ai-agents/agent-design-and-orchestration/901173/901173.md)

Top-level architectural map for the claude-agents marketplace. Detail lives in docs/architecture.md; this file is the index per the OpenAI harness-engineering pattern. Use it to ground design choices in named patterns, trade-offs and examples.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Frontend Design](https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901157/901157.md)

Approach this as the design lead at a small studio known for giving every client a visual identity that could not be mistaken for anyone else's. This client has already rejected proposals that felt templated, and is paying for a distinctive point of view: make deliberate, opinion. Use it to make implementation decisions and avoid common dead ends.

Classification: web-mobile/accessibility-and-mobile-ux · Feed: web-mobile · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Claude API — TypeScript](https://mdrss.com/ai-agents/agent-design-and-orchestration/901153/901153.md)

For operator instructions that arrive mid-conversation (mode switches, injected state), append {role: "system", ..} to messages instead of editing top-level system — this preserves the cached prefix and carries operator authority. Must follow a user message (or an assista. Use it as a repeatable review, validation or hardening pass.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Prompt Caching — Design & Optimization](https://mdrss.com/ai-agents/agent-design-and-orchestration/901151/901151.md)

This file covers how to design prompt-building code for effective caching. For language-specific syntax, see the Prompt Caching section in each language's README or single-file doc. Use it as a repeatable review, validation or hardening pass.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Managed Agents — Tools & Skills](https://mdrss.com/ai-agents/agent-design-and-orchestration/901148/901148.md)

Override defaults for individual tools. This example enables everything except bash:. Use it to ground design choices in named patterns, trade-offs and examples.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Managed Agents — Overview](https://mdrss.com/ai-agents/agent-design-and-orchestration/901145/901145.md)

Managed Agents provisions a container per session as the agent's workspace. The agent loop runs on Anthropic's orchestration layer; the container is where the agent's tools execute — bash commands, file operations, code. You create a persisted Agent config (model, system pr. Use it to ground design choices in named patterns, trade-offs and examples.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Managed Agents — Outcomes](https://mdrss.com/ai-agents/agent-design-and-orchestration/901144/901144.md)

An outcome elevates a session from conversation to work : you state what "done" looks like, and the harness runs an iterate → grade → revise loop until the artifact meets the rubric, hits max iterations, or is interrupted. A separate grader (independent context windo. Use it to ground design choices in named patterns, trade-offs and examples.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Managed Agents — Onboarding Flow](https://mdrss.com/ai-agents/agent-design-and-orchestration/901143/901143.md)

Claude Managed Agents is a hosted agent: Anthropic runs the agent loop and provisions a sandboxed container per session where the agent's tools execute (or your own worker, with a self hosted environment — see shared/managed-agents-self-hosted-sandboxes.md). You supply an a. Use it to ground design choices in named patterns, trade-offs and examples.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Managed Agents — Core Concepts](https://mdrss.com/ai-agents/agent-design-and-orchestration/901138/901138.md)

Every session has a live trace view in the Anthropic Console at https://platform.claude.com/workspaces/{workspace}/sessions/{session id}. Print this URL immediately after creating a session so the user can watch tool calls and messages stream in real time. {workspace} is th. Use it to ground design choices in named patterns, trade-offs and examples.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Live Documentation Sources](https://mdrss.com/ai-agents/agent-design-and-orchestration/901135/901135.md)

This file contains WebFetch URLs for fetching current information from platform.claude.com and Agent SDK repositories. Use these when users need the latest data that may have changed since the cached content was last updated. Use it to ground design choices in named patterns, trade-offs and examples.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Agent Design Patterns](https://mdrss.com/ai-agents/agent-design-and-orchestration/901132/901132.md)

This file covers decision heuristics for building agents on the Claude API: which primitives to reach for, how to design your tool surface, and how to manage context and cost over long runs. For per-tool mechanics and code examples, see tool-use-concepts.md and the language-spe. Use it as a repeatable review, validation or hardening pass.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Claude API — Python](https://mdrss.com/ai-agents/agent-design-and-orchestration/901129/901129.md)

Use with options() to override client settings for a single call without mutating the client:. Use it as a repeatable review, validation or hardening pass.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Building LLM-Powered Applications with Claude](https://mdrss.com/ai-agents/agent-design-and-orchestration/901128/901128.md)

This skill helps you build LLM-powered applications with Claude. Choose the right surface based on your needs, detect the project language, then read the relevant language-specific documentation. Use it to make implementation decisions and avoid common dead ends.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Learn Claude Code -- Harness Engineering for Real Agents](https://mdrss.com/ai-agents/agent-design-and-orchestration/901111/901111.md)

At the core of every agent is a neural network -- a Transformer, an RNN, a trained function -- shaped by billions of gradient updates on sequences of perception, reasoning, and action. Agency was never bestowed by the surrounding code. It was learned during training. Use it to ground design choices in named patterns, trade-offs and examples.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [System Design](https://mdrss.com/software-craft/architecture-and-distributed-systems/901079/901079.md)

Hey, I hope this course provides a great learning experience. Use it to build a structured path from fundamentals to hands-on practice.

Classification: software-craft/architecture-and-distributed-systems · Feed: software-craft · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Contents](https://mdrss.com/ai-agents/agent-design-and-orchestration/901054/901054.md)

The most comprehensive list of AI agents, frameworks, and tools in 2026. 340+ resources across 20+ categories. Updated monthly. Use it to navigate the topic and choose relevant methods, papers or tools.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [Microfrontends: Architecture and Implementation Resources](https://mdrss.com/web-mobile/web-design-systems/901049/901049.md)

A curated reference on web & design systems centered on Microfrontends: Architecture and Implementation Resources. Use it as a repeatable review, validation or hardening pass.

Classification: web-mobile/web-design-systems · Feed: web-mobile · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [AgentBench](https://mdrss.com/ai-agents/agent-design-and-orchestration/901033/901033.md)

A curated reference on agent design & orchestration centered on AgentBench. Use it to navigate the topic and choose relevant methods, papers or tools.

Classification: ai-agents/agent-design-and-orchestration · Feed: ai-agents · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [ML System Design Case Studies Repository](https://mdrss.com/software-craft/architecture-and-distributed-systems/901014/901014.md)

This repository is a comprehensive collection of 300+ case studies from over 80 leading companies, showcasing practical applications and insights into machine learning (ML) system design. Companies like Netflix, Airbnb, and. Use it to navigate the topic and choose relevant methods, papers or tools.

Classification: software-craft/architecture-and-distributed-systems · Feed: software-craft · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [System Design 101](https://mdrss.com/software-craft/architecture-and-distributed-systems/901005/901005.md)

Whether you're preparing for a System Design Interview or you simply want to understand how systems work beneath the surface, we hope this repository will help you achieve that. Use it to build a structured path from fundamentals to hands-on practice.

Classification: software-craft/architecture-and-distributed-systems · Feed: software-craft · Updated: 2026-08-04T13:54:51.641Z · Version: 1

### [The System Design Primer](https://mdrss.com/software-craft/architecture-and-design/1073/1073.md)

English ∙ 日本語 ∙ 简体中文 ∙ 繁體中文 | العَرَبِيَّة‎ ∙ বাংলা ∙ Português do Brasil ∙ Deutsch ∙ ελληνικά ∙ עברית ∙ Italiano ∙ 한국어 ∙ فارسی ∙ Polski ∙ русский язык ∙ Español ∙ ภาษาไทย ∙ Türkçe ∙ tiếng Việt ∙ Français | Add Translation Help translate this guide! Learning how to design scalable systems will help you become a better engineer.

Classification: software-craft/architecture-and-design · Feed: software-craft · Updated: 2026-08-04T12:22:38.168Z · Version: 1

### [Awesome Design Tools](https://mdrss.com/learning/culture-and-creative/1058/1058.md)

Today, we’re excited to announce that Flawless App has joined Abstract, a design delivery platform that brings visibility, accountability, measurability, and predictability to design. Flawless App was our first company, and we’re proud of everything that we’ve achieved with our 5-person team.

Classification: learning/culture-and-creative · Feed: learning · Updated: 2026-08-04T12:22:38.168Z · Version: 1