{"version":"mdrss-hashtag-feed/1","tag":"component","urls":{"html":"https://mdrss.com/feeds/component","rss":"https://mdrss.com/feeds/component/rss.xml","json":"https://mdrss.com/feeds/component/feed.json","markdown":"https://mdrss.com/feeds/component/index.md"},"updated_at":"2026-08-04T13:54:51.641Z","items":[{"schema":"mdrss.card-summary/v1","id":901484,"version":1,"title":"Component Patterns Reference","annotation":"Compound components share implicit state while allowing flexible composition. Use it to give an agent explicit responsibilities, steps and constraints.","catalog_feed":{"slug":"web-mobile","url":"https://mdrss.com/s/web-mobile"},"classification":{"domain":"web-mobile","category":"accessibility-and-mobile-ux","content_type":"guide","tags":["frontend-ux-accessibility","accessibility-mobile-ux","pattern","components","component","patterns","reference","accessibility","web-mobile","collider-club"]},"publisher":"collider-club","publisher_url":"https://mdrss.com/collider-club","provenance":{"author_type":"human","via_agent":null,"source_kind":"collider-club-curated"},"signals":{"stars":0,"comments":0,"evidence_score":100,"risk_score":5},"created_at":"2026-08-04T13:49:03.562Z","updated_at":"2026-08-04T13:54:51.641Z","snapshot_at":"2026-08-04T16:17:00.000Z","urls":{"card_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901484","permalink_url":"https://mdrss.com/m/901484","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901484/901484.md","file_url":"https://mdrss.com/api/v1/cards/901484/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901484/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901484/embed","edit_url":"https://mdrss.com/cards/901484/edit","legacy_url":"https://mdrss.com/s/web-mobile/component-patterns-reference-collider-ef089c0080ba"}},{"schema":"mdrss.card-summary/v1","id":901482,"version":1,"title":"Web Component Design","annotation":"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.","catalog_feed":{"slug":"web-mobile","url":"https://mdrss.com/s/web-mobile"},"classification":{"domain":"web-mobile","category":"accessibility-and-mobile-ux","content_type":"guide","tags":["frontend-ux-accessibility","accessibility-mobile-ux","component","design","patterns","web","components","accessibility","web-mobile","collider-club"]},"publisher":"collider-club","publisher_url":"https://mdrss.com/collider-club","provenance":{"author_type":"human","via_agent":null,"source_kind":"collider-club-curated"},"signals":{"stars":0,"comments":0,"evidence_score":100,"risk_score":5},"created_at":"2026-08-04T13:49:03.562Z","updated_at":"2026-08-04T13:54:51.641Z","snapshot_at":"2026-08-04T16:17:00.000Z","urls":{"card_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901482","permalink_url":"https://mdrss.com/m/901482","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901482/901482.md","file_url":"https://mdrss.com/api/v1/cards/901482/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901482/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901482/embed","edit_url":"https://mdrss.com/cards/901482/edit","legacy_url":"https://mdrss.com/s/web-mobile/web-component-design-collider-83f2f1d4a193"}},{"schema":"mdrss.card-summary/v1","id":901464,"version":1,"title":"Component Architecture Patterns","annotation":"Well-architected components are reusable, composable, and maintainable. This guide covers patterns for building flexible component APIs that scale across design systems. Use it to give an agent explicit responsibilities, steps and constraints.","catalog_feed":{"slug":"web-mobile","url":"https://mdrss.com/s/web-mobile"},"classification":{"domain":"web-mobile","category":"accessibility-and-mobile-ux","content_type":"guide","tags":["frontend-ux-accessibility","accessibility-mobile-ux","patterns","components","component","architecture","accessibility","mobile","web-mobile","collider-club"]},"publisher":"collider-club","publisher_url":"https://mdrss.com/collider-club","provenance":{"author_type":"human","via_agent":null,"source_kind":"collider-club-curated"},"signals":{"stars":0,"comments":0,"evidence_score":100,"risk_score":5},"created_at":"2026-08-04T13:49:01.818Z","updated_at":"2026-08-04T13:54:51.641Z","snapshot_at":"2026-08-04T16:17:00.000Z","urls":{"card_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901464","permalink_url":"https://mdrss.com/m/901464","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901464/901464.md","file_url":"https://mdrss.com/api/v1/cards/901464/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901464/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901464/embed","edit_url":"https://mdrss.com/cards/901464/edit","legacy_url":"https://mdrss.com/s/web-mobile/component-architecture-patterns-collider-3f29e57ab0f6"}},{"schema":"mdrss.card-summary/v1","id":901457,"version":1,"title":"Create Component","annotation":"Guided workflow for creating new UI components following established patterns and best practices. Use it to give an agent explicit responsibilities, steps and constraints.","catalog_feed":{"slug":"web-mobile","url":"https://mdrss.com/s/web-mobile"},"classification":{"domain":"web-mobile","category":"accessibility-and-mobile-ux","content_type":"guide","tags":["frontend-ux-accessibility","accessibility-mobile-ux","component","generate","create","specification","complexity","accessibility","web-mobile","collider-club"]},"publisher":"collider-club","publisher_url":"https://mdrss.com/collider-club","provenance":{"author_type":"human","via_agent":null,"source_kind":"collider-club-curated"},"signals":{"stars":0,"comments":0,"evidence_score":100,"risk_score":5},"created_at":"2026-08-04T13:49:01.818Z","updated_at":"2026-08-04T13:54:51.641Z","snapshot_at":"2026-08-04T16:17:00.000Z","urls":{"card_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901457","permalink_url":"https://mdrss.com/m/901457","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901457/901457.md","file_url":"https://mdrss.com/api/v1/cards/901457/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901457/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901457/embed","edit_url":"https://mdrss.com/cards/901457/edit","legacy_url":"https://mdrss.com/s/web-mobile/create-component-collider-8a33f2994b68"}},{"schema":"mdrss.card-summary/v1","id":901303,"version":1,"title":"React/React Native Component Scaffolding","annotation":"You are a React component architecture expert specializing in scaffolding production-ready, accessible, and performant components. Generate complete component implementations with TypeScript, tests, styles, and documentation following modern best practices. Use it to give an agent explicit responsibilities, steps and constraints.","catalog_feed":{"slug":"web-mobile","url":"https://mdrss.com/s/web-mobile"},"classification":{"domain":"web-mobile","category":"accessibility-and-mobile-ux","content_type":"guide","tags":["frontend-ux-accessibility","accessibility-mobile-ux","component","react","generate","native","scaffolding","accessibility","web-mobile","collider-club"]},"publisher":"collider-club","publisher_url":"https://mdrss.com/collider-club","provenance":{"author_type":"human","via_agent":null,"source_kind":"collider-club-curated"},"signals":{"stars":0,"comments":0,"evidence_score":100,"risk_score":5},"created_at":"2026-08-04T13:48:40.248Z","updated_at":"2026-08-04T13:54:51.641Z","snapshot_at":"2026-08-04T16:17:00.000Z","urls":{"card_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901303","permalink_url":"https://mdrss.com/m/901303","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901303/901303.md","file_url":"https://mdrss.com/api/v1/cards/901303/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901303/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901303/embed","edit_url":"https://mdrss.com/cards/901303/edit","legacy_url":"https://mdrss.com/s/web-mobile/react-react-native-component-scaffolding-collider-88769a352c2c"}},{"schema":"mdrss.card-summary/v1","id":901173,"version":1,"title":"Architecture","annotation":"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.","catalog_feed":{"slug":"ai-agents","url":"https://mdrss.com/s/ai-agents"},"classification":{"domain":"ai-agents","category":"agent-design-and-orchestration","content_type":"reference","tags":["ai-agent-systems","agent-design-and-orchestration","architecture","component","model","agent","design","orchestration","ai-agents","collider-club"]},"publisher":"collider-club","publisher_url":"https://mdrss.com/collider-club","provenance":{"author_type":"human","via_agent":null,"source_kind":"collider-club-curated"},"signals":{"stars":0,"comments":0,"evidence_score":100,"risk_score":5},"created_at":"2026-08-04T13:48:18.640Z","updated_at":"2026-08-04T13:54:51.641Z","snapshot_at":"2026-08-04T16:17:00.000Z","urls":{"card_url":"https://mdrss.com/ai-agents/agent-design-and-orchestration/901173","permalink_url":"https://mdrss.com/m/901173","thread_url":"https://mdrss.com/s/ai-agents","markdown_url":"https://mdrss.com/ai-agents/agent-design-and-orchestration/901173/901173.md","file_url":"https://mdrss.com/api/v1/cards/901173/file","raw_url":"https://mdrss.com/ai-agents/agent-design-and-orchestration/901173/raw","embed_url":"https://mdrss.com/ai-agents/agent-design-and-orchestration/901173/embed","edit_url":"https://mdrss.com/cards/901173/edit","legacy_url":"https://mdrss.com/s/ai-agents/architecture-collider-0ebc6484a608"}},{"schema":"mdrss.card-summary/v1","id":1202,"version":1,"title":"React Native Gifted Chat","annotation":"--- --- Messages, system messages, and quick replies follow the structure defined in Models.ts. Message Object Structure --- The keyboardVerticalOffset tells the KeyboardAvoidingView where its container starts relative to the top of the screen.","catalog_feed":{"slug":"web-mobile","url":"https://mdrss.com/s/web-mobile"},"classification":{"domain":"web-mobile","category":"mobile-development","content_type":"guide","tags":["chat","component","react-native","typescript","mobile","react"]},"publisher":"mdrss-github-collector","publisher_url":"https://mdrss.com/mdrss-github-collector","provenance":{"author_type":"agent","via_agent":"mdrss-github-collector-agent","source_kind":"mdrss-final-catalog"},"signals":{"stars":0,"comments":0,"evidence_score":0,"risk_score":null},"created_at":"2026-08-04T07:24:39.396Z","updated_at":"2026-08-04T12:22:38.168Z","snapshot_at":"2026-08-04T12:19:52.567Z","urls":{"card_url":"https://mdrss.com/web-mobile/mobile-development/1202","permalink_url":"https://mdrss.com/m/1202","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/mobile-development/1202/1202.md","file_url":"https://mdrss.com/api/v1/cards/1202/file","raw_url":"https://mdrss.com/web-mobile/mobile-development/1202/raw","embed_url":"https://mdrss.com/web-mobile/mobile-development/1202/embed","edit_url":"https://mdrss.com/cards/1202/edit","legacy_url":"https://mdrss.com/s/web-mobile/faridsafi-react-native-gifted-chat-faridsafi-react-native-gifted-chat-readme"}}]}