{"version":"mdrss-hashtag-feed/1","tag":"accessibility-mobile-ux","urls":{"html":"https://mdrss.com/feeds/accessibility-mobile-ux","rss":"https://mdrss.com/feeds/accessibility-mobile-ux/rss.xml","json":"https://mdrss.com/feeds/accessibility-mobile-ux/feed.json","markdown":"https://mdrss.com/feeds/accessibility-mobile-ux/index.md"},"updated_at":"2026-08-04T13:54:51.641Z","items":[{"schema":"mdrss.card-summary/v1","id":901485,"version":1,"title":"CSS Styling Approaches Reference","annotation":"CSS Styling Approaches Reference captures reusable agent playbook guidance for accessibility & mobile ux. 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","css","styling","approaches","reference","tailwind","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/901485","permalink_url":"https://mdrss.com/m/901485","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901485/901485.md","file_url":"https://mdrss.com/api/v1/cards/901485/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901485/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901485/embed","edit_url":"https://mdrss.com/cards/901485/edit","legacy_url":"https://mdrss.com/s/web-mobile/css-styling-approaches-reference-collider-c937ad0dc66c"}},{"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":901483,"version":1,"title":"Accessibility Patterns Reference","annotation":"Accessibility Patterns Reference captures reusable agent playbook guidance for accessibility & mobile ux. 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","accessibility","reference","utilities","mobile","ux","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/901483","permalink_url":"https://mdrss.com/m/901483","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901483/901483.md","file_url":"https://mdrss.com/api/v1/cards/901483/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901483/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901483/embed","edit_url":"https://mdrss.com/cards/901483/edit","legacy_url":"https://mdrss.com/s/web-mobile/accessibility-patterns-reference-collider-d67e65e96f9f"}},{"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":901481,"version":1,"title":"Typography Systems Reference","annotation":"A modular scale creates harmonious relationships between font sizes using a mathematical ratio. 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","typography","scale","font","systems","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/901481","permalink_url":"https://mdrss.com/m/901481","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901481/901481.md","file_url":"https://mdrss.com/api/v1/cards/901481/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901481/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901481/embed","edit_url":"https://mdrss.com/cards/901481/edit","legacy_url":"https://mdrss.com/s/web-mobile/typography-systems-reference-collider-9bf3e584a37a"}},{"schema":"mdrss.card-summary/v1","id":901480,"version":1,"title":"Spacing and Iconography Reference","annotation":"The 8-point grid is the industry standard for consistent spacing. 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","spacing","icon","systems","patterns","scale","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/901480","permalink_url":"https://mdrss.com/m/901480","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901480/901480.md","file_url":"https://mdrss.com/api/v1/cards/901480/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901480/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901480/embed","edit_url":"https://mdrss.com/cards/901480/edit","legacy_url":"https://mdrss.com/s/web-mobile/spacing-and-iconography-reference-collider-8f3304a959d9"}},{"schema":"mdrss.card-summary/v1","id":901479,"version":1,"title":"Color Systems Reference","annotation":"Color Systems Reference captures reusable agent playbook guidance for accessibility & mobile ux. 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","color","systems","reference","generation","tokens","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/901479","permalink_url":"https://mdrss.com/m/901479","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901479/901479.md","file_url":"https://mdrss.com/api/v1/cards/901479/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901479/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901479/embed","edit_url":"https://mdrss.com/cards/901479/edit","legacy_url":"https://mdrss.com/s/web-mobile/color-systems-reference-collider-00b631d32d51"}},{"schema":"mdrss.card-summary/v1","id":901478,"version":1,"title":"Visual Design Foundations","annotation":"Build cohesive, accessible visual systems using typography, color, spacing, and iconography fundamentals. 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","visual","typography","color","spacing","design","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/901478","permalink_url":"https://mdrss.com/m/901478","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901478/901478.md","file_url":"https://mdrss.com/api/v1/cards/901478/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901478/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901478/embed","edit_url":"https://mdrss.com/cards/901478/edit","legacy_url":"https://mdrss.com/s/web-mobile/visual-design-foundations-collider-72f7a4c30625"}},{"schema":"mdrss.card-summary/v1","id":901477,"version":1,"title":"Fluid Layouts and Typography","annotation":"Fluid design creates smooth scaling experiences by using relative units and mathematical functions instead of fixed breakpoints. This approach reduces the need for media queries and creates more natural-feeling interfaces. 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","fluid","layouts","typography","scale","grid","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/901477","permalink_url":"https://mdrss.com/m/901477","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901477/901477.md","file_url":"https://mdrss.com/api/v1/cards/901477/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901477/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901477/embed","edit_url":"https://mdrss.com/cards/901477/edit","legacy_url":"https://mdrss.com/s/web-mobile/fluid-layouts-and-typography-collider-d5066dd01dcf"}},{"schema":"mdrss.card-summary/v1","id":901476,"version":1,"title":"responsive-design — detailed patterns and worked examples","annotation":"responsive-design — detailed patterns and worked examples captures reusable agent playbook guidance for accessibility & mobile ux. 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","patterns","responsive","responsive-design","detailed","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/901476","permalink_url":"https://mdrss.com/m/901476","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901476/901476.md","file_url":"https://mdrss.com/api/v1/cards/901476/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901476/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901476/embed","edit_url":"https://mdrss.com/cards/901476/edit","legacy_url":"https://mdrss.com/s/web-mobile/responsive-design-detailed-patterns-and-worked-examples-collider-ef9b24a4bba2"}},{"schema":"mdrss.card-summary/v1","id":901475,"version":1,"title":"Container Queries Deep Dive","annotation":"Container queries enable component-based responsive design by allowing elements to respond to their container's size rather than the viewport. This paradigm shift makes truly reusable components possible. 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","container","queries","responsive","deep","dive","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/901475","permalink_url":"https://mdrss.com/m/901475","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901475/901475.md","file_url":"https://mdrss.com/api/v1/cards/901475/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901475/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901475/embed","edit_url":"https://mdrss.com/cards/901475/edit","legacy_url":"https://mdrss.com/s/web-mobile/container-queries-deep-dive-collider-7386d11bf2fa"}},{"schema":"mdrss.card-summary/v1","id":901474,"version":1,"title":"Breakpoint Strategies","annotation":"Effective breakpoint strategies focus on content needs rather than device sizes. Modern responsive design uses fewer, content-driven breakpoints combined with fluid techniques. 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","breakpoint","breakpoints","strategies","content","responsive","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/901474","permalink_url":"https://mdrss.com/m/901474","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901474/901474.md","file_url":"https://mdrss.com/api/v1/cards/901474/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901474/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901474/embed","edit_url":"https://mdrss.com/cards/901474/edit","legacy_url":"https://mdrss.com/s/web-mobile/breakpoint-strategies-collider-7c1da0ffb78a"}},{"schema":"mdrss.card-summary/v1","id":901473,"version":1,"title":"React Navigation Patterns","annotation":"React Navigation Patterns captures reusable agent playbook guidance for accessibility & mobile ux. 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","navigation","tab","react","patterns","setup","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/901473","permalink_url":"https://mdrss.com/m/901473","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901473/901473.md","file_url":"https://mdrss.com/api/v1/cards/901473/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901473/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901473/embed","edit_url":"https://mdrss.com/cards/901473/edit","legacy_url":"https://mdrss.com/s/web-mobile/react-navigation-patterns-collider-e30f413c9f4d"}},{"schema":"mdrss.card-summary/v1","id":901472,"version":1,"title":"iOS Navigation Patterns","annotation":"iOS Navigation Patterns captures reusable agent playbook guidance for accessibility & mobile ux. 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","navigation","ios","sheet","patterns","basic","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/901472","permalink_url":"https://mdrss.com/m/901472","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901472/901472.md","file_url":"https://mdrss.com/api/v1/cards/901472/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901472/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901472/embed","edit_url":"https://mdrss.com/cards/901472/edit","legacy_url":"https://mdrss.com/s/web-mobile/ios-navigation-patterns-collider-d786f64f79eb"}},{"schema":"mdrss.card-summary/v1","id":901471,"version":1,"title":"iOS Human Interface Guidelines Patterns","annotation":"iOS Human Interface Guidelines Patterns captures reusable agent playbook guidance for accessibility & mobile ux. 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","navigation","feedback","ios","human","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/901471","permalink_url":"https://mdrss.com/m/901471","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901471/901471.md","file_url":"https://mdrss.com/api/v1/cards/901471/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901471/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901471/embed","edit_url":"https://mdrss.com/cards/901471/edit","legacy_url":"https://mdrss.com/s/web-mobile/ios-human-interface-guidelines-patterns-collider-802003bb2247"}},{"schema":"mdrss.card-summary/v1","id":901470,"version":1,"title":"Material Design 3 Theming","annotation":"Material Design 3 Theming captures reusable agent playbook guidance for accessibility & mobile ux. 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","material","color","design","custom","theming","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/901470","permalink_url":"https://mdrss.com/m/901470","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901470/901470.md","file_url":"https://mdrss.com/api/v1/cards/901470/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901470/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901470/embed","edit_url":"https://mdrss.com/cards/901470/edit","legacy_url":"https://mdrss.com/s/web-mobile/material-design-3-theming-collider-c8f8cf2591d4"}},{"schema":"mdrss.card-summary/v1","id":901469,"version":1,"title":"Android Navigation Patterns","annotation":"Android Navigation Patterns captures reusable agent playbook guidance for accessibility & mobile ux. 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","navigation","drawer","android","patterns","setup","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/901469","permalink_url":"https://mdrss.com/m/901469","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901469/901469.md","file_url":"https://mdrss.com/api/v1/cards/901469/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901469/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901469/embed","edit_url":"https://mdrss.com/cards/901469/edit","legacy_url":"https://mdrss.com/s/web-mobile/android-navigation-patterns-collider-28083f8e09c4"}},{"schema":"mdrss.card-summary/v1","id":901468,"version":1,"title":"Microinteraction Patterns Reference","annotation":"Microinteraction Patterns Reference captures reusable agent playbook guidance for accessibility & mobile ux. 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","microinteraction","reference","button","error","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/901468","permalink_url":"https://mdrss.com/m/901468","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901468/901468.md","file_url":"https://mdrss.com/api/v1/cards/901468/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901468/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901468/embed","edit_url":"https://mdrss.com/cards/901468/edit","legacy_url":"https://mdrss.com/s/web-mobile/microinteraction-patterns-reference-collider-b5f2c48de419"}},{"schema":"mdrss.card-summary/v1","id":901467,"version":1,"title":"Interaction Design","annotation":"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.","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","transitions","interaction","patterns","design","interactions","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/901467","permalink_url":"https://mdrss.com/m/901467","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901467/901467.md","file_url":"https://mdrss.com/api/v1/cards/901467/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901467/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901467/embed","edit_url":"https://mdrss.com/cards/901467/edit","legacy_url":"https://mdrss.com/s/web-mobile/interaction-design-collider-094a448fa982"}},{"schema":"mdrss.card-summary/v1","id":901466,"version":1,"title":"Theming Architecture","annotation":"A robust theming system enables applications to support multiple visual appearances (light/dark modes, brand themes) while maintaining consistency and developer experience. 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","theming","architecture","brand","themes","theme","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/901466","permalink_url":"https://mdrss.com/m/901466","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901466/901466.md","file_url":"https://mdrss.com/api/v1/cards/901466/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901466/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901466/embed","edit_url":"https://mdrss.com/cards/901466/edit","legacy_url":"https://mdrss.com/s/web-mobile/theming-architecture-collider-d14f9bdbd7d9"}},{"schema":"mdrss.card-summary/v1","id":901465,"version":1,"title":"Design Tokens Deep Dive","annotation":"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.","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","tokens","design","token","deep","dive","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/901465","permalink_url":"https://mdrss.com/m/901465","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901465/901465.md","file_url":"https://mdrss.com/api/v1/cards/901465/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901465/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901465/embed","edit_url":"https://mdrss.com/cards/901465/edit","legacy_url":"https://mdrss.com/s/web-mobile/design-tokens-deep-dive-collider-f359c756d1b3"}},{"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":901463,"version":1,"title":"WCAG 2.2 Guidelines Reference","annotation":"The Web Content Accessibility Guidelines (WCAG) 2.2 provide recommendations for making web content more accessible. They are organized into four principles (POUR): Perceivable, Operable, Understandable, and Robust. 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","level","content","wcag","guidelines","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: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/901463","permalink_url":"https://mdrss.com/m/901463","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901463/901463.md","file_url":"https://mdrss.com/api/v1/cards/901463/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901463/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901463/embed","edit_url":"https://mdrss.com/cards/901463/edit","legacy_url":"https://mdrss.com/s/web-mobile/wcag-2-2-guidelines-reference-collider-785c1bfff9ca"}},{"schema":"mdrss.card-summary/v1","id":901462,"version":1,"title":"Mobile Accessibility","annotation":"Mobile accessibility ensures apps work for users with disabilities on iOS and Android devices. This includes support for screen readers (VoiceOver, TalkBack), motor impairments, and various visual disabilities. 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","accessibility","android","mobile","ios","text","ux","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/901462","permalink_url":"https://mdrss.com/m/901462","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901462/901462.md","file_url":"https://mdrss.com/api/v1/cards/901462/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901462/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901462/embed","edit_url":"https://mdrss.com/cards/901462/edit","legacy_url":"https://mdrss.com/s/web-mobile/mobile-accessibility-collider-2afb6fa1e73f"}},{"schema":"mdrss.card-summary/v1","id":901461,"version":1,"title":"accessibility-compliance — detailed patterns and worked examples","annotation":"accessibility-compliance — detailed patterns and worked examples captures reusable agent playbook guidance for accessibility & mobile ux. 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","patterns","accessible","accessibility-compliance","detailed","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/901461","permalink_url":"https://mdrss.com/m/901461","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901461/901461.md","file_url":"https://mdrss.com/api/v1/cards/901461/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901461/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901461/embed","edit_url":"https://mdrss.com/cards/901461/edit","legacy_url":"https://mdrss.com/s/web-mobile/accessibility-compliance-detailed-patterns-and-worked-examples-collider-7960ab5ff8b2"}},{"schema":"mdrss.card-summary/v1","id":901460,"version":1,"title":"ARIA Patterns and Best Practices","annotation":"ARIA (Accessible Rich Internet Applications) provides attributes to enhance accessibility when native HTML semantics are insufficient. The first rule of ARIA is: don't use ARIA if native HTML can do the job. 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","aria","patterns","best","practices","native","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/901460","permalink_url":"https://mdrss.com/m/901460","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901460/901460.md","file_url":"https://mdrss.com/api/v1/cards/901460/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901460/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901460/embed","edit_url":"https://mdrss.com/cards/901460/edit","legacy_url":"https://mdrss.com/s/web-mobile/aria-patterns-and-best-practices-collider-7f572f93c2e5"}},{"schema":"mdrss.card-summary/v1","id":901459,"version":1,"title":"Design System Setup","annotation":"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.","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","design","system","generate","scale","setup","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/901459","permalink_url":"https://mdrss.com/m/901459","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901459/901459.md","file_url":"https://mdrss.com/api/v1/cards/901459/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901459/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901459/embed","edit_url":"https://mdrss.com/cards/901459/edit","legacy_url":"https://mdrss.com/s/web-mobile/design-system-setup-collider-82c50b5fbd21"}},{"schema":"mdrss.card-summary/v1","id":901458,"version":1,"title":"Design Review","annotation":"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.","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","review","design","code","issues","usability","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/901458","permalink_url":"https://mdrss.com/m/901458","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901458/901458.md","file_url":"https://mdrss.com/api/v1/cards/901458/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901458/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901458/embed","edit_url":"https://mdrss.com/cards/901458/edit","legacy_url":"https://mdrss.com/s/web-mobile/design-review-collider-fde546022bea"}},{"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":901456,"version":1,"title":"Design system architect","annotation":"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.","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","design","scalable","systems","token","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/901456","permalink_url":"https://mdrss.com/m/901456","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901456/901456.md","file_url":"https://mdrss.com/api/v1/cards/901456/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901456/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901456/embed","edit_url":"https://mdrss.com/cards/901456/edit","legacy_url":"https://mdrss.com/s/web-mobile/design-system-architect-collider-c6b263c16498"}},{"schema":"mdrss.card-summary/v1","id":901455,"version":1,"title":"Accessibility expert","annotation":"You are an expert accessibility specialist dedicated to creating inclusive digital experiences that work for all users regardless of ability. 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","accessibility","mobile","ux","frontend","agent-playbook","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/901455","permalink_url":"https://mdrss.com/m/901455","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901455/901455.md","file_url":"https://mdrss.com/api/v1/cards/901455/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901455/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901455/embed","edit_url":"https://mdrss.com/cards/901455/edit","legacy_url":"https://mdrss.com/s/web-mobile/accessibility-expert-collider-d110b0ebb60a"}},{"schema":"mdrss.card-summary/v1","id":901387,"version":1,"title":"Multi-Platform Feature Development Orchestrator","annotation":"You MUST follow these rules exactly. Violating any of them is a failure. 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","step","phase","implementation","accessibility","mobile","ux","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:56.862Z","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/901387","permalink_url":"https://mdrss.com/m/901387","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901387/901387.md","file_url":"https://mdrss.com/api/v1/cards/901387/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901387/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901387/embed","edit_url":"https://mdrss.com/cards/901387/edit","legacy_url":"https://mdrss.com/s/web-mobile/multi-platform-feature-development-orchestrator-collider-08d6ff9d184d"}},{"schema":"mdrss.card-summary/v1","id":901386,"version":1,"title":"Ui ux designer","annotation":"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.","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","design","systems","modern","research","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:48:56.862Z","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/901386","permalink_url":"https://mdrss.com/m/901386","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901386/901386.md","file_url":"https://mdrss.com/api/v1/cards/901386/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901386/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901386/embed","edit_url":"https://mdrss.com/cards/901386/edit","legacy_url":"https://mdrss.com/s/web-mobile/ui-ux-designer-collider-b81b7a53001c"}},{"schema":"mdrss.card-summary/v1","id":901308,"version":1,"title":"tailwind-design-system — detailed patterns and worked examples","annotation":"For advanced animation and dark mode patterns, see references/advanced-patterns.md:. 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","pattern","components","tailwind-design-system","detailed","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:41.831Z","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/901308","permalink_url":"https://mdrss.com/m/901308","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901308/901308.md","file_url":"https://mdrss.com/api/v1/cards/901308/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901308/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901308/embed","edit_url":"https://mdrss.com/cards/901308/edit","legacy_url":"https://mdrss.com/s/web-mobile/tailwind-design-system-detailed-patterns-and-worked-examples-collider-2265e501b24a"}},{"schema":"mdrss.card-summary/v1","id":901307,"version":1,"title":"Tailwind Design System: Advanced Patterns","annotation":"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.","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","advanced","patterns","tailwind","css","design","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:41.831Z","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/901307","permalink_url":"https://mdrss.com/m/901307","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901307/901307.md","file_url":"https://mdrss.com/api/v1/cards/901307/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901307/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901307/embed","edit_url":"https://mdrss.com/cards/901307/edit","legacy_url":"https://mdrss.com/s/web-mobile/tailwind-design-system-advanced-patterns-collider-32f63bf813df"}},{"schema":"mdrss.card-summary/v1","id":901306,"version":1,"title":"react-state-management — detailed patterns and worked examples","annotation":"react-state-management — detailed patterns and worked examples captures reusable agent playbook guidance for accessibility & mobile ux. 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","patterns","state","react-state-management","detailed","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:41.831Z","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/901306","permalink_url":"https://mdrss.com/m/901306","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901306/901306.md","file_url":"https://mdrss.com/api/v1/cards/901306/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901306/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901306/embed","edit_url":"https://mdrss.com/cards/901306/edit","legacy_url":"https://mdrss.com/s/web-mobile/react-state-management-detailed-patterns-and-worked-examples-collider-e13ce41fc666"}},{"schema":"mdrss.card-summary/v1","id":901305,"version":1,"title":"react-native-architecture — detailed patterns and worked examples","annotation":"react-native-architecture — detailed patterns and worked examples captures reusable agent playbook guidance for accessibility & mobile ux. 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","patterns","react-native-architecture","detailed","worked","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:41.831Z","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/901305","permalink_url":"https://mdrss.com/m/901305","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901305/901305.md","file_url":"https://mdrss.com/api/v1/cards/901305/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901305/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901305/embed","edit_url":"https://mdrss.com/cards/901305/edit","legacy_url":"https://mdrss.com/s/web-mobile/react-native-architecture-detailed-patterns-and-worked-examples-collider-cb8443109cc4"}},{"schema":"mdrss.card-summary/v1","id":901304,"version":1,"title":"nextjs-app-router-patterns — detailed patterns and worked examples","annotation":"nextjs-app-router-patterns — detailed patterns and worked examples captures reusable agent playbook guidance for accessibility & mobile ux. 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","patterns","routes","nextjs-app-router-patterns","detailed","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/901304","permalink_url":"https://mdrss.com/m/901304","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901304/901304.md","file_url":"https://mdrss.com/api/v1/cards/901304/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901304/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901304/embed","edit_url":"https://mdrss.com/cards/901304/edit","legacy_url":"https://mdrss.com/s/web-mobile/nextjs-app-router-patterns-detailed-patterns-and-worked-examples-collider-3e9e5b04e306"}},{"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":901302,"version":1,"title":"React Modernization","annotation":"Master React version upgrades, class to hooks migration, concurrent features adoption, and codemods for automated transformation. 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","react","hooks","modernization","version","class","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/901302","permalink_url":"https://mdrss.com/m/901302","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901302/901302.md","file_url":"https://mdrss.com/api/v1/cards/901302/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901302/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901302/embed","edit_url":"https://mdrss.com/cards/901302/edit","legacy_url":"https://mdrss.com/s/web-mobile/react-modernization-collider-a37060da42b3"}},{"schema":"mdrss.card-summary/v1","id":901184,"version":1,"title":"Screen Reader Testing","annotation":"Practical guide to testing web applications with screen readers for comprehensive accessibility validation. 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","testing","screen","reader","setup","essential","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:20.577Z","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/901184","permalink_url":"https://mdrss.com/m/901184","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901184/901184.md","file_url":"https://mdrss.com/api/v1/cards/901184/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901184/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901184/embed","edit_url":"https://mdrss.com/cards/901184/edit","legacy_url":"https://mdrss.com/s/web-mobile/screen-reader-testing-collider-a0df5e0c7fea"}},{"schema":"mdrss.card-summary/v1","id":901183,"version":1,"title":"Accessibility Audit and Testing","annotation":"You are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive technology compatibility. Conduct comprehensive audits, identify barriers, provide remediation guidance, and ensure digital products are accessible to all users. 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","testing","accessibility","audit","remediation","mobile","ux","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:20.577Z","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/901183","permalink_url":"https://mdrss.com/m/901183","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901183/901183.md","file_url":"https://mdrss.com/api/v1/cards/901183/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901183/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901183/embed","edit_url":"https://mdrss.com/cards/901183/edit","legacy_url":"https://mdrss.com/s/web-mobile/accessibility-audit-and-testing-collider-1d7bd1f05c44"}},{"schema":"mdrss.card-summary/v1","id":901182,"version":1,"title":"Ui visual validator","annotation":"You are an experienced UI visual validation expert specializing in comprehensive visual testing and design verification through rigorous analysis methodologies. 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","visual","validation","testing","verification","analysis","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:20.577Z","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/901182","permalink_url":"https://mdrss.com/m/901182","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901182/901182.md","file_url":"https://mdrss.com/api/v1/cards/901182/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901182/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901182/embed","edit_url":"https://mdrss.com/cards/901182/edit","legacy_url":"https://mdrss.com/s/web-mobile/ui-visual-validator-collider-edacb0811a1a"}},{"schema":"mdrss.card-summary/v1","id":901157,"version":1,"title":"Frontend Design","annotation":"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.","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","design","frontend","client","critique","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: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/web-mobile/accessibility-and-mobile-ux/901157","permalink_url":"https://mdrss.com/m/901157","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901157/901157.md","file_url":"https://mdrss.com/api/v1/cards/901157/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901157/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901157/embed","edit_url":"https://mdrss.com/cards/901157/edit","legacy_url":"https://mdrss.com/s/web-mobile/frontend-design-collider-c0de4d84338f"}},{"schema":"mdrss.card-summary/v1","id":901118,"version":1,"title":"Front-End Checklist","annotation":"Front-End Checklist is the open-source front-end quality system for humans and AI agents. It turns front-end best practices into a practical review workflow you can browse on the web, run through with MCP-compatible tools, or work through directly in this README. Use it as a repeatable review, validation or hardening pass.","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","checklist","front-end","workflow","browse","through","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:05.624Z","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/901118","permalink_url":"https://mdrss.com/m/901118","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901118/901118.md","file_url":"https://mdrss.com/api/v1/cards/901118/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901118/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901118/embed","edit_url":"https://mdrss.com/cards/901118/edit","legacy_url":"https://mdrss.com/s/web-mobile/front-end-checklist-collider-53348bf60bf8"}},{"schema":"mdrss.card-summary/v1","id":901089,"version":1,"title":"ES6 for Humans","annotation":"let allows you to create declarations which are bound to any block, called block scoping. Instead of using var, which provides function scope, it is recommended to use block scoped variables (let or const) in ES6. Use it when a task needs concrete terminology, constraints or implementation detail.","catalog_feed":{"slug":"web-mobile","url":"https://mdrss.com/s/web-mobile"},"classification":{"domain":"web-mobile","category":"accessibility-and-mobile-ux","content_type":"reference","tags":["frontend-ux-accessibility","accessibility-mobile-ux","block","es6","let","humans","function","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:04.205Z","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/901089","permalink_url":"https://mdrss.com/m/901089","thread_url":"https://mdrss.com/s/web-mobile","markdown_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901089/901089.md","file_url":"https://mdrss.com/api/v1/cards/901089/file","raw_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901089/raw","embed_url":"https://mdrss.com/web-mobile/accessibility-and-mobile-ux/901089/embed","edit_url":"https://mdrss.com/cards/901089/edit","legacy_url":"https://mdrss.com/s/web-mobile/es6-for-humans-collider-e5e074eeea03"}}]}