[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-microsoft-frontend-design-review":3,"mdc-pfifu9-key":43,"related-repo-microsoft-frontend-design-review":643,"related-org-microsoft-frontend-design-review":755},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":25,"repoUrl":26,"updatedAt":27,"license":28,"forks":29,"topics":30,"repo":38,"sourceUrl":41,"mdContent":42},"frontend-design-review","review and create frontend interfaces","Review and create distinctive, production-grade frontend interfaces with high design quality and design system compliance. Evaluates using three pillars: frictionless insight-to-action, quality craft, and trustworthy building. USE FOR: PR reviews, design reviews, accessibility audits, design system compliance checks, creative frontend design, UI code review, component reviews, responsive design checks, theme testing, and creating memorable UI. DO NOT USE FOR: Backend API reviews, database schema reviews, infrastructure or DevOps work, pure business logic without UI, or non-frontend code.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"microsoft","Microsoft","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fmicrosoft.png",[12,16,19,22],{"name":13,"slug":14,"type":15},"Design System","design-system","tag",{"name":17,"slug":18,"type":15},"UI Components","ui-components",{"name":20,"slug":21,"type":15},"Frontend","frontend",{"name":23,"slug":24,"type":15},"Design","design",2804,"https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fskills","2026-07-07T06:53:49.926035",null,315,[31,32,33,34,35,36,37],"agent-skills","agents","azure","foundry","mcp","sdk","skills",{"repoUrl":26,"stars":25,"forks":29,"topics":39,"description":40},[31,32,33,34,35,36,37],"Skills, MCP servers, Custom Agents, Agents.md for SDKs to ground Coding Agents","https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fskills\u002Ftree\u002FHEAD\u002F.github\u002Fskills\u002Ffrontend-design-review","---\nname: frontend-design-review\ndescription: >\n  Review and create distinctive, production-grade frontend interfaces with high design quality and design system compliance.\n  Evaluates using three pillars: frictionless insight-to-action, quality craft, and trustworthy building.\n  USE FOR: PR reviews, design reviews, accessibility audits, design system compliance checks, creative frontend design,\n  UI code review, component reviews, responsive design checks, theme testing, and creating memorable UI.\n  DO NOT USE FOR: Backend API reviews, database schema reviews, infrastructure or DevOps work, pure business logic\n  without UI, or non-frontend code.\nacknowledgments: |\n  Design review principles and quality pillar framework created by @Quirinevwm (https:\u002F\u002Fgithub.com\u002FQuirinevwm).\n  Creative frontend guidance inspired by Anthropic's frontend-design skill\n  (https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fskills\u002Ftree\u002Fmain\u002Fskills\u002Ffrontend-design). Licensed under respective terms.\n---\n\n# Frontend Design Review\n\nReview UI implementations against design quality standards and your design system **OR** create distinctive, production-grade frontend interfaces from scratch.\n\n## Two Modes\n\n### Mode 1: Design Review\nEvaluate existing UI for design system compliance, three quality pillars (Frictionless, Quality Craft, Trustworthy), accessibility, and code quality.\n\n### Mode 2: Creative Frontend Design\nCreate distinctive interfaces that avoid generic \"AI slop\" aesthetics, have clear conceptual direction, and execute with precision.\n\n---\n\n## Creative Frontend Design\n\nBefore coding, commit to an aesthetic direction:\n- **Purpose**: What problem does this solve? Who uses it?\n- **Tone**: minimal, maximalist, retro-futuristic, organic, luxury, playful, editorial, brutalist, art deco, soft\u002Fpastel, industrial, etc.\n- **Constraints**: Framework, performance, accessibility requirements.\n- **Differentiation**: What makes this distinctive and context-appropriate?\n\n### Aesthetics Guidelines\n\n- **Typography**: Distinctive fonts that elevate aesthetics. Pair a display font with a refined body font. Avoid Inter, Roboto, Arial, Space Grotesk.\n- **Color & Theme**: Cohesive palette with CSS variables. Dominant colors + sharp accents > timid, evenly-distributed palettes.\n- **Motion**: CSS-only preferred. One well-orchestrated page load with staggered reveals > scattered micro-interactions.\n- **Spatial Composition**: Asymmetry, overlap, diagonal flow, grid-breaking elements, generous negative space OR controlled density.\n- **Backgrounds**: Gradient meshes, noise textures, geometric patterns, layered transparencies, dramatic shadows, grain overlays.\n\n**AVOID**: Overused fonts, cliched color schemes, predictable layouts, cookie-cutter design without context-specific character.\n\nMatch implementation complexity to vision. Maximalist = elaborate code. Minimalist = restraint and precision.\n\n---\n\n## Design Review\n\n### Design System Workflow\n\n**Before implementing:**\n1. Review component in your Storybook \u002F component library for API and usage\n2. Use Figma Dev Mode to get exact specs (spacing, tokens, properties)\n3. Implement using design system components + design tokens\n\n**During review:**\n1. Compare implementation to Figma design\n2. Verify design tokens are used (not hardcoded values)\n3. Check all variants\u002Fstates are implemented correctly\n4. Flag deviations (needs design approval)\n\n**If component doesn't exist:**\n1. Check if existing component can be adapted\n2. Reach out to design for new component creation\n3. Document exception and rationale in code\n\n### Review Process\n\n1. Identify user task\n2. Check design system for matching patterns\n3. Evaluate aesthetic direction\n4. Identify scope (component, feature, or flow)\n5. Evaluate each pillar\n6. Score and prioritize issues (blocking\u002Fmajor\u002Fminor)\n7. Provide recommendations with design system examples\n\n### Core Principles\n\n- **Task completion**: Minimum clicks. Every screen answers \"What can I do?\" and \"What happens next?\"\n- **Action hierarchy**: 1-2 primary actions per view. Progressive disclosure for secondary.\n- **Onboarding**: Explain features on introduction. Smart defaults over configuration.\n- **Navigation**: Clear entry\u002Fexit points. Back\u002Fcancel always available. Breadcrumbs for deep flows.\n\n---\n\n## Quality Pillars\n\n### 1. Frictionless Insight to Action\n\n**Evaluate:** Task completable in ≤3 interactions? Primary action obvious and singular?\n\n**Red flags:** Excessive clicks, multiple competing primary buttons, buried actions, dead ends.\n\n### 2. Quality is Craft\n\n**Evaluate:**\n- Design system compliance: matches Figma specs, uses design tokens\n- Aesthetic direction: distinctive typography, cohesive colors, intentional motion\n- Accessibility: Grade C minimum (WCAG 2.1 A), Grade B ideal (WCAG 2.1 AA)\n\n**Red flags:** Generic AI aesthetics, hardcoded values, implementation doesn't match Figma, broken reflow, missing focus indicators.\n\n### 3. Trustworthy Building\n\n**Evaluate:**\n- AI transparency: disclaimer on AI-generated content\n- Error transparency: actionable error messages\n\n**Red flags:** Missing AI disclaimers, opaque errors without guidance.\n\n---\n\n## Review Output Format\n\nSee [references\u002Freview-output-format.md](references\u002Freview-output-format.md) for the full review template.\n\n## Review Type Modifiers\n\nSee [references\u002Freview-type-modifiers.md](references\u002Freview-type-modifiers.md) for context-specific review focus areas (PR, Creative, Design, Accessibility).\n\n## Quick Checklist\n\nSee [references\u002Fquick-checklist.md](references\u002Fquick-checklist.md) for the pre-approval checklist covering design system compliance, aesthetic quality, frictionless, quality craft, and trustworthy pillars.\n\n## Pattern Examples\n\nSee [references\u002Fpattern-examples.md](references\u002Fpattern-examples.md) for good\u002Fbad examples of creative frontend and design system review work.\n\n---\n\n## Acknowledgments\n\nCreative frontend principles inspired by [Anthropic's frontend-design skill](https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fskills\u002Ftree\u002Fmain\u002Fskills\u002Ffrontend-design). Design review principles and quality pillar framework created by [@Quirinevwm](https:\u002F\u002Fgithub.com\u002FQuirinevwm) for systematic UI evaluation.\n",{"data":44,"body":46},{"name":4,"description":6,"acknowledgments":45},"Design review principles and quality pillar framework created by @Quirinevwm (https:\u002F\u002Fgithub.com\u002FQuirinevwm).\nCreative frontend guidance inspired by Anthropic's frontend-design skill\n(https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fskills\u002Ftree\u002Fmain\u002Fskills\u002Ffrontend-design). Licensed under respective terms.\n",{"type":47,"children":48},"root",[49,57,71,78,85,90,96,101,105,111,116,161,167,220,230,235,238,244,250,258,277,285,308,316,334,340,378,384,427,430,436,442,452,462,468,475,493,502,508,515,528,537,540,546,559,565,576,582,593,599,610,613,619],{"type":50,"tag":51,"props":52,"children":53},"element","h1",{"id":4},[54],{"type":55,"value":56},"text","Frontend Design Review",{"type":50,"tag":58,"props":59,"children":60},"p",{},[61,63,69],{"type":55,"value":62},"Review UI implementations against design quality standards and your design system ",{"type":50,"tag":64,"props":65,"children":66},"strong",{},[67],{"type":55,"value":68},"OR",{"type":55,"value":70}," create distinctive, production-grade frontend interfaces from scratch.",{"type":50,"tag":72,"props":73,"children":75},"h2",{"id":74},"two-modes",[76],{"type":55,"value":77},"Two Modes",{"type":50,"tag":79,"props":80,"children":82},"h3",{"id":81},"mode-1-design-review",[83],{"type":55,"value":84},"Mode 1: Design Review",{"type":50,"tag":58,"props":86,"children":87},{},[88],{"type":55,"value":89},"Evaluate existing UI for design system compliance, three quality pillars (Frictionless, Quality Craft, Trustworthy), accessibility, and code quality.",{"type":50,"tag":79,"props":91,"children":93},{"id":92},"mode-2-creative-frontend-design",[94],{"type":55,"value":95},"Mode 2: Creative Frontend Design",{"type":50,"tag":58,"props":97,"children":98},{},[99],{"type":55,"value":100},"Create distinctive interfaces that avoid generic \"AI slop\" aesthetics, have clear conceptual direction, and execute with precision.",{"type":50,"tag":102,"props":103,"children":104},"hr",{},[],{"type":50,"tag":72,"props":106,"children":108},{"id":107},"creative-frontend-design",[109],{"type":55,"value":110},"Creative Frontend Design",{"type":50,"tag":58,"props":112,"children":113},{},[114],{"type":55,"value":115},"Before coding, commit to an aesthetic direction:",{"type":50,"tag":117,"props":118,"children":119},"ul",{},[120,131,141,151],{"type":50,"tag":121,"props":122,"children":123},"li",{},[124,129],{"type":50,"tag":64,"props":125,"children":126},{},[127],{"type":55,"value":128},"Purpose",{"type":55,"value":130},": What problem does this solve? Who uses it?",{"type":50,"tag":121,"props":132,"children":133},{},[134,139],{"type":50,"tag":64,"props":135,"children":136},{},[137],{"type":55,"value":138},"Tone",{"type":55,"value":140},": minimal, maximalist, retro-futuristic, organic, luxury, playful, editorial, brutalist, art deco, soft\u002Fpastel, industrial, etc.",{"type":50,"tag":121,"props":142,"children":143},{},[144,149],{"type":50,"tag":64,"props":145,"children":146},{},[147],{"type":55,"value":148},"Constraints",{"type":55,"value":150},": Framework, performance, accessibility requirements.",{"type":50,"tag":121,"props":152,"children":153},{},[154,159],{"type":50,"tag":64,"props":155,"children":156},{},[157],{"type":55,"value":158},"Differentiation",{"type":55,"value":160},": What makes this distinctive and context-appropriate?",{"type":50,"tag":79,"props":162,"children":164},{"id":163},"aesthetics-guidelines",[165],{"type":55,"value":166},"Aesthetics Guidelines",{"type":50,"tag":117,"props":168,"children":169},{},[170,180,190,200,210],{"type":50,"tag":121,"props":171,"children":172},{},[173,178],{"type":50,"tag":64,"props":174,"children":175},{},[176],{"type":55,"value":177},"Typography",{"type":55,"value":179},": Distinctive fonts that elevate aesthetics. Pair a display font with a refined body font. Avoid Inter, Roboto, Arial, Space Grotesk.",{"type":50,"tag":121,"props":181,"children":182},{},[183,188],{"type":50,"tag":64,"props":184,"children":185},{},[186],{"type":55,"value":187},"Color & Theme",{"type":55,"value":189},": Cohesive palette with CSS variables. Dominant colors + sharp accents > timid, evenly-distributed palettes.",{"type":50,"tag":121,"props":191,"children":192},{},[193,198],{"type":50,"tag":64,"props":194,"children":195},{},[196],{"type":55,"value":197},"Motion",{"type":55,"value":199},": CSS-only preferred. One well-orchestrated page load with staggered reveals > scattered micro-interactions.",{"type":50,"tag":121,"props":201,"children":202},{},[203,208],{"type":50,"tag":64,"props":204,"children":205},{},[206],{"type":55,"value":207},"Spatial Composition",{"type":55,"value":209},": Asymmetry, overlap, diagonal flow, grid-breaking elements, generous negative space OR controlled density.",{"type":50,"tag":121,"props":211,"children":212},{},[213,218],{"type":50,"tag":64,"props":214,"children":215},{},[216],{"type":55,"value":217},"Backgrounds",{"type":55,"value":219},": Gradient meshes, noise textures, geometric patterns, layered transparencies, dramatic shadows, grain overlays.",{"type":50,"tag":58,"props":221,"children":222},{},[223,228],{"type":50,"tag":64,"props":224,"children":225},{},[226],{"type":55,"value":227},"AVOID",{"type":55,"value":229},": Overused fonts, cliched color schemes, predictable layouts, cookie-cutter design without context-specific character.",{"type":50,"tag":58,"props":231,"children":232},{},[233],{"type":55,"value":234},"Match implementation complexity to vision. Maximalist = elaborate code. Minimalist = restraint and precision.",{"type":50,"tag":102,"props":236,"children":237},{},[],{"type":50,"tag":72,"props":239,"children":241},{"id":240},"design-review",[242],{"type":55,"value":243},"Design Review",{"type":50,"tag":79,"props":245,"children":247},{"id":246},"design-system-workflow",[248],{"type":55,"value":249},"Design System Workflow",{"type":50,"tag":58,"props":251,"children":252},{},[253],{"type":50,"tag":64,"props":254,"children":255},{},[256],{"type":55,"value":257},"Before implementing:",{"type":50,"tag":259,"props":260,"children":261},"ol",{},[262,267,272],{"type":50,"tag":121,"props":263,"children":264},{},[265],{"type":55,"value":266},"Review component in your Storybook \u002F component library for API and usage",{"type":50,"tag":121,"props":268,"children":269},{},[270],{"type":55,"value":271},"Use Figma Dev Mode to get exact specs (spacing, tokens, properties)",{"type":50,"tag":121,"props":273,"children":274},{},[275],{"type":55,"value":276},"Implement using design system components + design tokens",{"type":50,"tag":58,"props":278,"children":279},{},[280],{"type":50,"tag":64,"props":281,"children":282},{},[283],{"type":55,"value":284},"During review:",{"type":50,"tag":259,"props":286,"children":287},{},[288,293,298,303],{"type":50,"tag":121,"props":289,"children":290},{},[291],{"type":55,"value":292},"Compare implementation to Figma design",{"type":50,"tag":121,"props":294,"children":295},{},[296],{"type":55,"value":297},"Verify design tokens are used (not hardcoded values)",{"type":50,"tag":121,"props":299,"children":300},{},[301],{"type":55,"value":302},"Check all variants\u002Fstates are implemented correctly",{"type":50,"tag":121,"props":304,"children":305},{},[306],{"type":55,"value":307},"Flag deviations (needs design approval)",{"type":50,"tag":58,"props":309,"children":310},{},[311],{"type":50,"tag":64,"props":312,"children":313},{},[314],{"type":55,"value":315},"If component doesn't exist:",{"type":50,"tag":259,"props":317,"children":318},{},[319,324,329],{"type":50,"tag":121,"props":320,"children":321},{},[322],{"type":55,"value":323},"Check if existing component can be adapted",{"type":50,"tag":121,"props":325,"children":326},{},[327],{"type":55,"value":328},"Reach out to design for new component creation",{"type":50,"tag":121,"props":330,"children":331},{},[332],{"type":55,"value":333},"Document exception and rationale in code",{"type":50,"tag":79,"props":335,"children":337},{"id":336},"review-process",[338],{"type":55,"value":339},"Review Process",{"type":50,"tag":259,"props":341,"children":342},{},[343,348,353,358,363,368,373],{"type":50,"tag":121,"props":344,"children":345},{},[346],{"type":55,"value":347},"Identify user task",{"type":50,"tag":121,"props":349,"children":350},{},[351],{"type":55,"value":352},"Check design system for matching patterns",{"type":50,"tag":121,"props":354,"children":355},{},[356],{"type":55,"value":357},"Evaluate aesthetic direction",{"type":50,"tag":121,"props":359,"children":360},{},[361],{"type":55,"value":362},"Identify scope (component, feature, or flow)",{"type":50,"tag":121,"props":364,"children":365},{},[366],{"type":55,"value":367},"Evaluate each pillar",{"type":50,"tag":121,"props":369,"children":370},{},[371],{"type":55,"value":372},"Score and prioritize issues (blocking\u002Fmajor\u002Fminor)",{"type":50,"tag":121,"props":374,"children":375},{},[376],{"type":55,"value":377},"Provide recommendations with design system examples",{"type":50,"tag":79,"props":379,"children":381},{"id":380},"core-principles",[382],{"type":55,"value":383},"Core Principles",{"type":50,"tag":117,"props":385,"children":386},{},[387,397,407,417],{"type":50,"tag":121,"props":388,"children":389},{},[390,395],{"type":50,"tag":64,"props":391,"children":392},{},[393],{"type":55,"value":394},"Task completion",{"type":55,"value":396},": Minimum clicks. Every screen answers \"What can I do?\" and \"What happens next?\"",{"type":50,"tag":121,"props":398,"children":399},{},[400,405],{"type":50,"tag":64,"props":401,"children":402},{},[403],{"type":55,"value":404},"Action hierarchy",{"type":55,"value":406},": 1-2 primary actions per view. Progressive disclosure for secondary.",{"type":50,"tag":121,"props":408,"children":409},{},[410,415],{"type":50,"tag":64,"props":411,"children":412},{},[413],{"type":55,"value":414},"Onboarding",{"type":55,"value":416},": Explain features on introduction. Smart defaults over configuration.",{"type":50,"tag":121,"props":418,"children":419},{},[420,425],{"type":50,"tag":64,"props":421,"children":422},{},[423],{"type":55,"value":424},"Navigation",{"type":55,"value":426},": Clear entry\u002Fexit points. Back\u002Fcancel always available. Breadcrumbs for deep flows.",{"type":50,"tag":102,"props":428,"children":429},{},[],{"type":50,"tag":72,"props":431,"children":433},{"id":432},"quality-pillars",[434],{"type":55,"value":435},"Quality Pillars",{"type":50,"tag":79,"props":437,"children":439},{"id":438},"_1-frictionless-insight-to-action",[440],{"type":55,"value":441},"1. Frictionless Insight to Action",{"type":50,"tag":58,"props":443,"children":444},{},[445,450],{"type":50,"tag":64,"props":446,"children":447},{},[448],{"type":55,"value":449},"Evaluate:",{"type":55,"value":451}," Task completable in ≤3 interactions? Primary action obvious and singular?",{"type":50,"tag":58,"props":453,"children":454},{},[455,460],{"type":50,"tag":64,"props":456,"children":457},{},[458],{"type":55,"value":459},"Red flags:",{"type":55,"value":461}," Excessive clicks, multiple competing primary buttons, buried actions, dead ends.",{"type":50,"tag":79,"props":463,"children":465},{"id":464},"_2-quality-is-craft",[466],{"type":55,"value":467},"2. Quality is Craft",{"type":50,"tag":58,"props":469,"children":470},{},[471],{"type":50,"tag":64,"props":472,"children":473},{},[474],{"type":55,"value":449},{"type":50,"tag":117,"props":476,"children":477},{},[478,483,488],{"type":50,"tag":121,"props":479,"children":480},{},[481],{"type":55,"value":482},"Design system compliance: matches Figma specs, uses design tokens",{"type":50,"tag":121,"props":484,"children":485},{},[486],{"type":55,"value":487},"Aesthetic direction: distinctive typography, cohesive colors, intentional motion",{"type":50,"tag":121,"props":489,"children":490},{},[491],{"type":55,"value":492},"Accessibility: Grade C minimum (WCAG 2.1 A), Grade B ideal (WCAG 2.1 AA)",{"type":50,"tag":58,"props":494,"children":495},{},[496,500],{"type":50,"tag":64,"props":497,"children":498},{},[499],{"type":55,"value":459},{"type":55,"value":501}," Generic AI aesthetics, hardcoded values, implementation doesn't match Figma, broken reflow, missing focus indicators.",{"type":50,"tag":79,"props":503,"children":505},{"id":504},"_3-trustworthy-building",[506],{"type":55,"value":507},"3. Trustworthy Building",{"type":50,"tag":58,"props":509,"children":510},{},[511],{"type":50,"tag":64,"props":512,"children":513},{},[514],{"type":55,"value":449},{"type":50,"tag":117,"props":516,"children":517},{},[518,523],{"type":50,"tag":121,"props":519,"children":520},{},[521],{"type":55,"value":522},"AI transparency: disclaimer on AI-generated content",{"type":50,"tag":121,"props":524,"children":525},{},[526],{"type":55,"value":527},"Error transparency: actionable error messages",{"type":50,"tag":58,"props":529,"children":530},{},[531,535],{"type":50,"tag":64,"props":532,"children":533},{},[534],{"type":55,"value":459},{"type":55,"value":536}," Missing AI disclaimers, opaque errors without guidance.",{"type":50,"tag":102,"props":538,"children":539},{},[],{"type":50,"tag":72,"props":541,"children":543},{"id":542},"review-output-format",[544],{"type":55,"value":545},"Review Output Format",{"type":50,"tag":58,"props":547,"children":548},{},[549,551,557],{"type":55,"value":550},"See ",{"type":50,"tag":552,"props":553,"children":555},"a",{"href":554},"references\u002Freview-output-format.md",[556],{"type":55,"value":554},{"type":55,"value":558}," for the full review template.",{"type":50,"tag":72,"props":560,"children":562},{"id":561},"review-type-modifiers",[563],{"type":55,"value":564},"Review Type Modifiers",{"type":50,"tag":58,"props":566,"children":567},{},[568,569,574],{"type":55,"value":550},{"type":50,"tag":552,"props":570,"children":572},{"href":571},"references\u002Freview-type-modifiers.md",[573],{"type":55,"value":571},{"type":55,"value":575}," for context-specific review focus areas (PR, Creative, Design, Accessibility).",{"type":50,"tag":72,"props":577,"children":579},{"id":578},"quick-checklist",[580],{"type":55,"value":581},"Quick Checklist",{"type":50,"tag":58,"props":583,"children":584},{},[585,586,591],{"type":55,"value":550},{"type":50,"tag":552,"props":587,"children":589},{"href":588},"references\u002Fquick-checklist.md",[590],{"type":55,"value":588},{"type":55,"value":592}," for the pre-approval checklist covering design system compliance, aesthetic quality, frictionless, quality craft, and trustworthy pillars.",{"type":50,"tag":72,"props":594,"children":596},{"id":595},"pattern-examples",[597],{"type":55,"value":598},"Pattern Examples",{"type":50,"tag":58,"props":600,"children":601},{},[602,603,608],{"type":55,"value":550},{"type":50,"tag":552,"props":604,"children":606},{"href":605},"references\u002Fpattern-examples.md",[607],{"type":55,"value":605},{"type":55,"value":609}," for good\u002Fbad examples of creative frontend and design system review work.",{"type":50,"tag":102,"props":611,"children":612},{},[],{"type":50,"tag":72,"props":614,"children":616},{"id":615},"acknowledgments",[617],{"type":55,"value":618},"Acknowledgments",{"type":50,"tag":58,"props":620,"children":621},{},[622,624,632,634,641],{"type":55,"value":623},"Creative frontend principles inspired by ",{"type":50,"tag":552,"props":625,"children":629},{"href":626,"rel":627},"https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fskills\u002Ftree\u002Fmain\u002Fskills\u002Ffrontend-design",[628],"nofollow",[630],{"type":55,"value":631},"Anthropic's frontend-design skill",{"type":55,"value":633},". Design review principles and quality pillar framework created by ",{"type":50,"tag":552,"props":635,"children":638},{"href":636,"rel":637},"https:\u002F\u002Fgithub.com\u002FQuirinevwm",[628],[639],{"type":55,"value":640},"@Quirinevwm",{"type":55,"value":642}," for systematic UI evaluation.",{"items":644,"total":754},[645,662,683,698,715,726,739],{"slug":646,"name":646,"fn":647,"description":648,"org":649,"tags":650,"stars":25,"repoUrl":26,"updatedAt":661},"azure-ai-agents-persistent-dotnet","build AI agents with Azure .NET SDK","Azure AI Agents Persistent SDK for .NET. Low-level SDK for creating and managing AI agents with threads, messages, runs, and tools. Use for agent CRUD, conversation threads, streaming responses, function calling, file search, and code interpreter. Triggers: \"PersistentAgentsClient\", \"persistent agents\", \"agent threads\", \"agent runs\", \"streaming agents\", \"function calling agents .NET\".\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[651,654,656,658],{"name":652,"slug":653,"type":15},".NET","net",{"name":655,"slug":32,"type":15},"Agents",{"name":657,"slug":33,"type":15},"Azure",{"name":659,"slug":660,"type":15},"LLM","llm","2026-07-03T16:32:10.297433",{"slug":663,"name":663,"fn":664,"description":665,"org":666,"tags":667,"stars":25,"repoUrl":26,"updatedAt":682},"azure-ai-anomalydetector-java","build anomaly detection applications with Java","Build anomaly detection applications with Azure AI Anomaly Detector SDK for Java. Use when implementing univariate\u002Fmultivariate anomaly detection, time-series analysis, or AI-powered monitoring.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[668,671,672,675,678,679],{"name":669,"slug":670,"type":15},"Analytics","analytics",{"name":657,"slug":33,"type":15},{"name":673,"slug":674,"type":15},"Data Analysis","data-analysis",{"name":676,"slug":677,"type":15},"Java","java",{"name":9,"slug":8,"type":15},{"name":680,"slug":681,"type":15},"Monitoring","monitoring","2026-05-13T06:14:16.261754",{"slug":684,"name":684,"fn":685,"description":686,"org":687,"tags":688,"stars":25,"repoUrl":26,"updatedAt":697},"azure-ai-contentsafety-java","build content moderation applications with Azure AI","Build content moderation applications with Azure AI Content Safety SDK for Java. Use when implementing text\u002Fimage analysis, blocklist management, or harm detection for hate, violence, sexual content, and self-harm.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[689,692,693,694],{"name":690,"slug":691,"type":15},"AI Infrastructure","ai-infrastructure",{"name":657,"slug":33,"type":15},{"name":676,"slug":677,"type":15},{"name":695,"slug":696,"type":15},"Security","security","2026-07-07T06:53:31.293235",{"slug":699,"name":699,"fn":700,"description":701,"org":702,"tags":703,"stars":25,"repoUrl":26,"updatedAt":714},"azure-ai-contentsafety-py","detect harmful content with Azure AI Content Safety","Azure AI Content Safety SDK for Python. Use for detecting harmful content in text and images with multi-severity classification.\nTriggers: \"azure-ai-contentsafety\", \"ContentSafetyClient\", \"content moderation\", \"harmful content\", \"text analysis\", \"image analysis\".\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[704,705,708,709,710,713],{"name":657,"slug":33,"type":15},{"name":706,"slug":707,"type":15},"Compliance","compliance",{"name":659,"slug":660,"type":15},{"name":9,"slug":8,"type":15},{"name":711,"slug":712,"type":15},"Python","python",{"name":695,"slug":696,"type":15},"2026-07-18T05:14:23.017504",{"slug":716,"name":716,"fn":717,"description":718,"org":719,"tags":720,"stars":25,"repoUrl":26,"updatedAt":725},"azure-ai-language-conversations-py","implement conversational language understanding with Python","Implement Conversational Language Understanding (CLU) using the azure-ai-language-conversations Python SDK. Use when working with ConversationAnalysisClient to analyze conversation intent and entities, building NLP features, or integrating language understanding into applications.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[721,722,723,724],{"name":669,"slug":670,"type":15},{"name":657,"slug":33,"type":15},{"name":659,"slug":660,"type":15},{"name":711,"slug":712,"type":15},"2026-07-31T05:54:29.068751",{"slug":727,"name":727,"fn":728,"description":729,"org":730,"tags":731,"stars":25,"repoUrl":26,"updatedAt":738},"azure-ai-translation-text-py","translate text using Azure AI services","Azure AI Text Translation SDK for real-time text translation, transliteration, language detection, and dictionary lookup. Use for translating text content in applications.\nTriggers: \"text translation\", \"translator\", \"translate text\", \"transliterate\", \"TextTranslationClient\".\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[732,735,736,737],{"name":733,"slug":734,"type":15},"API Development","api-development",{"name":657,"slug":33,"type":15},{"name":9,"slug":8,"type":15},{"name":711,"slug":712,"type":15},"2026-07-18T05:14:16.988376",{"slug":740,"name":740,"fn":741,"description":742,"org":743,"tags":744,"stars":25,"repoUrl":26,"updatedAt":753},"azure-ai-vision-imageanalysis-py","analyze images with Azure AI Vision","Azure AI Vision Image Analysis SDK for captions, tags, objects, OCR, people detection, and smart cropping. Use for computer vision and image understanding tasks.\nTriggers: \"image analysis\", \"computer vision\", \"OCR\", \"object detection\", \"ImageAnalysisClient\", \"image caption\".\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[745,746,749,752],{"name":657,"slug":33,"type":15},{"name":747,"slug":748,"type":15},"Computer Vision","computer-vision",{"name":750,"slug":751,"type":15},"Images","images",{"name":711,"slug":712,"type":15},"2026-07-18T05:14:18.007737",38,{"items":756,"total":891},[757,779,786,795,802,811,818,825,832,847,866,879],{"slug":758,"name":758,"fn":759,"description":760,"org":761,"tags":762,"stars":776,"repoUrl":777,"updatedAt":778},"rushstack-best-practices","manage Rush monorepos with best practices","Provides best practices and guidance for working with Rush monorepos. Use when the user is working in a Rush-based repository, asks about Rush commands (install, update, build, rebuild), needs help with project selection, dependency management, build caching, subspace configuration, or troubleshooting Rush-specific issues.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[763,766,769,770,773],{"name":764,"slug":765,"type":15},"Engineering","engineering",{"name":767,"slug":768,"type":15},"Local Development","local-development",{"name":9,"slug":8,"type":15},{"name":771,"slug":772,"type":15},"Project Management","project-management",{"name":774,"slug":775,"type":15},"Rush","rush",6484,"https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Frushstack","2026-04-06T18:34:44.965032",{"slug":646,"name":646,"fn":647,"description":648,"org":780,"tags":781,"stars":25,"repoUrl":26,"updatedAt":661},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[782,783,784,785],{"name":652,"slug":653,"type":15},{"name":655,"slug":32,"type":15},{"name":657,"slug":33,"type":15},{"name":659,"slug":660,"type":15},{"slug":663,"name":663,"fn":664,"description":665,"org":787,"tags":788,"stars":25,"repoUrl":26,"updatedAt":682},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[789,790,791,792,793,794],{"name":669,"slug":670,"type":15},{"name":657,"slug":33,"type":15},{"name":673,"slug":674,"type":15},{"name":676,"slug":677,"type":15},{"name":9,"slug":8,"type":15},{"name":680,"slug":681,"type":15},{"slug":684,"name":684,"fn":685,"description":686,"org":796,"tags":797,"stars":25,"repoUrl":26,"updatedAt":697},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[798,799,800,801],{"name":690,"slug":691,"type":15},{"name":657,"slug":33,"type":15},{"name":676,"slug":677,"type":15},{"name":695,"slug":696,"type":15},{"slug":699,"name":699,"fn":700,"description":701,"org":803,"tags":804,"stars":25,"repoUrl":26,"updatedAt":714},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[805,806,807,808,809,810],{"name":657,"slug":33,"type":15},{"name":706,"slug":707,"type":15},{"name":659,"slug":660,"type":15},{"name":9,"slug":8,"type":15},{"name":711,"slug":712,"type":15},{"name":695,"slug":696,"type":15},{"slug":716,"name":716,"fn":717,"description":718,"org":812,"tags":813,"stars":25,"repoUrl":26,"updatedAt":725},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[814,815,816,817],{"name":669,"slug":670,"type":15},{"name":657,"slug":33,"type":15},{"name":659,"slug":660,"type":15},{"name":711,"slug":712,"type":15},{"slug":727,"name":727,"fn":728,"description":729,"org":819,"tags":820,"stars":25,"repoUrl":26,"updatedAt":738},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[821,822,823,824],{"name":733,"slug":734,"type":15},{"name":657,"slug":33,"type":15},{"name":9,"slug":8,"type":15},{"name":711,"slug":712,"type":15},{"slug":740,"name":740,"fn":741,"description":742,"org":826,"tags":827,"stars":25,"repoUrl":26,"updatedAt":753},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[828,829,830,831],{"name":657,"slug":33,"type":15},{"name":747,"slug":748,"type":15},{"name":750,"slug":751,"type":15},{"name":711,"slug":712,"type":15},{"slug":833,"name":833,"fn":834,"description":835,"org":836,"tags":837,"stars":25,"repoUrl":26,"updatedAt":846},"azure-appconfiguration-java","manage configuration with Azure App Configuration","Azure App Configuration SDK for Java. Centralized application configuration management with key-value settings, feature flags, and snapshots.\nTriggers: \"ConfigurationClient java\", \"app configuration java\", \"feature flag java\", \"configuration setting java\", \"azure config java\".\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[838,839,842,845],{"name":657,"slug":33,"type":15},{"name":840,"slug":841,"type":15},"Configuration","configuration",{"name":843,"slug":844,"type":15},"Feature Flags","feature-flags",{"name":676,"slug":677,"type":15},"2026-07-03T16:32:01.278468",{"slug":848,"name":848,"fn":849,"description":850,"org":851,"tags":852,"stars":25,"repoUrl":26,"updatedAt":865},"azure-cosmos-rust","build applications with Azure Cosmos DB","Azure Cosmos DB library for Rust (NoSQL API). Document CRUD, containers, and globally distributed data.\nTriggers: \"cosmos db rust\", \"CosmosClient rust\", \"document crud rust\", \"NoSQL rust\", \"partition key rust\".\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[853,856,859,862],{"name":854,"slug":855,"type":15},"Cosmos DB","cosmos-db",{"name":857,"slug":858,"type":15},"Database","database",{"name":860,"slug":861,"type":15},"NoSQL","nosql",{"name":863,"slug":864,"type":15},"Rust","rust","2026-07-31T05:54:27.021432",{"slug":867,"name":867,"fn":849,"description":868,"org":869,"tags":870,"stars":25,"repoUrl":26,"updatedAt":878},"azure-cosmos-ts","Azure Cosmos DB JavaScript\u002FTypeScript SDK (@azure\u002Fcosmos) for data plane operations. Use for CRUD operations on documents, queries, bulk operations, and container management. Triggers: \"Cosmos DB\", \"@azure\u002Fcosmos\", \"CosmosClient\", \"document CRUD\", \"NoSQL queries\", \"bulk operations\", \"partition key\", \"container.items\".\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[871,872,873,874,875],{"name":854,"slug":855,"type":15},{"name":857,"slug":858,"type":15},{"name":9,"slug":8,"type":15},{"name":860,"slug":861,"type":15},{"name":876,"slug":877,"type":15},"TypeScript","typescript","2026-07-03T16:31:19.368382",{"slug":880,"name":880,"fn":881,"description":882,"org":883,"tags":884,"stars":25,"repoUrl":26,"updatedAt":890},"azure-data-tables-java","build table storage applications with Java","Build table storage applications with Azure Tables SDK for Java. Use when working with Azure Table Storage or Cosmos DB Table API for NoSQL key-value data, schemaless storage, or structured data at scale.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[885,886,887,888,889],{"name":657,"slug":33,"type":15},{"name":854,"slug":855,"type":15},{"name":857,"slug":858,"type":15},{"name":676,"slug":677,"type":15},{"name":860,"slug":861,"type":15},"2026-05-13T06:14:17.582229",267]