[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6AE0DM3E94WM8R8RWB1Z6N6":3,"skill-same:01M6AE0DM3E94WM8R8RWB1Z6N6":93},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":28,"publishedAt":47,"linkOnly":48,"markdownContent":49,"markdownBody":50,"frontMatter":51,"refName":55,"commitSha":56,"skillDirectory":57,"forksCount":58,"repositoryHtmlUrl":59,"repositoryHomepageUrl":60,"ownerHtmlUrl":61,"ownerBlogUrl":62,"ownerDescription":63,"updatedAt":64,"install":65,"resources":78},"01M6AE0DM3E94WM8R8RWB1Z6N6","premium-frontend-ui",null,"A comprehensive guide for GitHub Copilot to craft immersive, high-performance web experiences with advanced motion, typography, and architectural craftsmanship.","github\u002Fawesome-copilot","github","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F9919?v=4","01M6AC83DS133TPXFSP1DHNCC6","GitHub","01M6AD3PBDYPK7NVFJNJ66Y8RS",41046,"MIT","https:\u002F\u002Fgithub.com\u002Fgithub\u002Fawesome-copilot\u002Fblob\u002Fmain\u002Fskills\u002Fpremium-frontend-ui\u002FSKILL.md",[18,23],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,9],"ui","premium frontend ui","frontend","guide","for","high","advanced","with","craftsmanship","high-performance","craft","motion","typography","https","copilot","github copilot","web","performance","2026-11-10 10:12:30",false,"---\nname: premium-frontend-ui\ndescription: 'A comprehensive guide for GitHub Copilot to craft immersive, high-performance web experiences with advanced motion, typography, and architectural craftsmanship.'\nmetadata:\n  author: 'Utkarsh Patrikar'\n  author_url: 'https:\u002F\u002Fgithub.com\u002Futkarsh232005'\n---\n\n# Immersive Frontend UI Craftsmanship\n\nAs an AI engineering assistant, your role when building premium frontend experiences goes beyond outputting functional HTML and CSS. You must architect **immersive digital environments**. This skill provides the blueprint for generating highly intentional, award-level web applications that prioritize aesthetic quality, deep interactivity, and flawless performance.\n\nWhen a user requests a high-end landing page, an interactive portfolio, or a specialized component that requires top-tier visual polish, apply the following rigorous standards to every line of code you generate.\n\n---\n\n## 1. Establishing the Creative Foundation\n\nBefore generating layout code, ensure you understand the core emotional resonance the UI should deliver. Do not default to generic, unopinionated code. \n\nCommit to a strong visual identity in your CSS and component structure:\n- **Editorial Brutalism**: High-contrast monochromatic palettes, oversized typography, sharp rectangular edges, and raw grid structures.\n- **Organic Fluidity**: Soft gradients, deeply rounded corners, glassmorphism overlays, and bouncy spring-based physics.\n- **Cyber \u002F Technical**: Dark mode dominance, glowing neon accents, monospaced typography, and rapid, staggered reveal animations.\n- **Cinematic Pacing**: Full-viewport imagery, slow cross-fades, profound use of negative space, and scroll-dependent storytelling.\n\n---\n\n## 2. Structural Requirements for Immersive UI\n\nWhen scaffolding a page or generating core components, include the following architectural layers to transform a standard page into an experience.\n\n### 2.1 The Entry Sequence (Preloading & Initialization)\nA blank screen is unacceptable. The user's first interaction must set expectations.\n- **Implementation**: Generate a lightweight preloader component that handles asset resolution (fonts, initial images, 3D models).\n- **Animation**: Output code that transitions the preloader away fluidly—such as a split-door reveal, a scale-up zoom, or a staggered text sweep.\n\n### 2.2 The Hero Architecture\nThe top fold must command attention immediately.\n- **Visuals**: Output code that implements full-bleed containers (`100vh`\u002F`100dvh`).\n- **Typography Engine**: Ensure headlines are broken down syntactically (e.g., span wrapping by word or character) to allow for cascading entrance animations.\n- **Depth**: Utilize subtle floating elements or background clipping paths to create a sense of scale and depth behind the primary copy.\n\n### 2.3 Fluid & Contextual Navigation\n- **Implementation**: Do not generate standard static navbars. Output sticky headers that react toscroll direction (hide on scroll down, reveal on scroll up).\n- **Interactivity**: Include hover states that reveal rich content (e.g., mega-menus that display image previews of the hovered link).\n\n---\n\n## 3. The Motion Design System\n\nAnimation is not an afterthought; it is the connective tissue of a premium site. Always implement the following motion principles:\n\n### 3.1 Scroll-Driven Narratives\nGenerate code utilizing modern scroll libraries (like GSAP's ScrollTrigger) to tie animations to user progress.\n- **Pinned Containers**: Create sections that lock into the viewport while secondary content flows past or reveals itself.\n- **Horizontal Journeys**: Translate vertical scroll data into horizontal movement for specific galleries or showcases.\n- **Parallax Mapping**: Assign subtle, varying scroll-speeds to background elements, midground text, and foreground imagery.\n\n### 3.2 High-Fidelity Micro-Interactions\nThe cursor is the user's avatar. Build interactions around it.\n- **Magnetic Components**: Write logic that calculates the distance between the mouse pointer and a button, pulling the button towards the cursor dynamically.\n- **Custom Tracking Elements**: Generate custom cursor components that follow the mouse with calculated interpolation (lerp) for a smooth drag effect.\n- **Dimensional Hover States**: Use CSS Transforms (`scale`, `rotateX`, `translate3d`) to give interactive elements weight and tactile feedback.\n\n---\n\n## 4. Typography & Visual Texture\n\nThe aesthetics of your generated code must reflect premium craftsmanship.\n\n- **Type Hierarchy**: Enforce massive contrast in scale. Headlines should utilize extreme sizing (`clamp()` functions spanning up to `12vw`), while body copy remains incredibly crisp (`16px-18px` minimum). \n- **Font Selection**: Always recommend or implement highly specified variable fonts or premium typefaces over system defaults.\n- **Atmospheric Filters**: Implement CSS\u002FSVG noise overlays (`mix-blend-mode: overlay`, opacity `0.02 - 0.05`) to remove digital sterility and add photographic grain.\n- **Lighting & Glass**: Utilize `backdrop-filter: blur(x)` combined with ultra-thin, semi-transparent borders to create modern, frosted-glass depth.\n\n---\n\n## 5. The Performance Imperative\n\nA beautiful site that stutters is a failure. Enforce strict performance guardrails in all generated code:\n\n- **Hardware Acceleration**: Only animate properties that do not trigger layout recalculations: `transform` and `opacity`. Code that animates `width`, `height`, `top`, or `margin` should be fiercely avoided.\n- **Render Optimization**: Apply `will-change: transform` intelligently on complex moving elements, but remove it post-animation to conserve memory.\n- **Responsive Degradation**: Wrap custom cursor logic and heavy hover animations in `@media (hover: hover) and (pointer: fine)` to ensure pristine performance on touch devices.\n- **Accessibility**: Wrap heavy continuous animations in `@media (prefers-reduced-motion: no-preference)`. Never sacrifice user accessibility for aesthetic flair.\n\n---\n\n## 6. Implementation Ecosystem\n\nWhen the user asks you to implement these patterns, leverage industry-standard libraries tailored to their framework:\n\n### For React \u002F Next.js Targets\n- Structure the application to support **Framer Motion** for layout transitions and spring physics.\n- Recommend **Lenis** (`@studio-freight\u002Flenis`) for smooth scrolling context.\n- Implement **React Three Fiber** (`@react-three\u002Ffiber`) if webGL or 3D interactions are requested.\n\n### For Vanilla \u002F HTML \u002F Astro Targets\n- Rely heavily on **GSAP** (GreenSock Animation Platform) for timeline sequencing.\n- Utilize vanilla **Lenis** via CDN for scroll hijacking and smoothing.\n- Use **SplitType** for safe, accessible typography chunking.\n\n---\n\n## Summary of Action\n\nWhenever you receive a prompt to \"Build a premium landing page,\" \"Create an Awwwards-style component,\" or \"Design an immersive UI,\" you must automatically:\n1. Wrap the output in a robust, scroll-smoothed architecture.\n2. Provide CSS that guarantees perfect performance using composited layers.\n3. Integrate sweeping, staggered component entrances.\n4. Elevate the typography using fluid scales.\n5. Create an intentional, memorable aesthetic footprint.\n","# Immersive Frontend UI Craftsmanship\n\nAs an AI engineering assistant, your role when building premium frontend experiences goes beyond outputting functional HTML and CSS. You must architect **immersive digital environments**. This skill provides the blueprint for generating highly intentional, award-level web applications that prioritize aesthetic quality, deep interactivity, and flawless performance.\n\nWhen a user requests a high-end landing page, an interactive portfolio, or a specialized component that requires top-tier visual polish, apply the following rigorous standards to every line of code you generate.\n\n---\n\n## 1. Establishing the Creative Foundation\n\nBefore generating layout code, ensure you understand the core emotional resonance the UI should deliver. Do not default to generic, unopinionated code. \n\nCommit to a strong visual identity in your CSS and component structure:\n- **Editorial Brutalism**: High-contrast monochromatic palettes, oversized typography, sharp rectangular edges, and raw grid structures.\n- **Organic Fluidity**: Soft gradients, deeply rounded corners, glassmorphism overlays, and bouncy spring-based physics.\n- **Cyber \u002F Technical**: Dark mode dominance, glowing neon accents, monospaced typography, and rapid, staggered reveal animations.\n- **Cinematic Pacing**: Full-viewport imagery, slow cross-fades, profound use of negative space, and scroll-dependent storytelling.\n\n---\n\n## 2. Structural Requirements for Immersive UI\n\nWhen scaffolding a page or generating core components, include the following architectural layers to transform a standard page into an experience.\n\n### 2.1 The Entry Sequence (Preloading & Initialization)\nA blank screen is unacceptable. The user's first interaction must set expectations.\n- **Implementation**: Generate a lightweight preloader component that handles asset resolution (fonts, initial images, 3D models).\n- **Animation**: Output code that transitions the preloader away fluidly—such as a split-door reveal, a scale-up zoom, or a staggered text sweep.\n\n### 2.2 The Hero Architecture\nThe top fold must command attention immediately.\n- **Visuals**: Output code that implements full-bleed containers (`100vh`\u002F`100dvh`).\n- **Typography Engine**: Ensure headlines are broken down syntactically (e.g., span wrapping by word or character) to allow for cascading entrance animations.\n- **Depth**: Utilize subtle floating elements or background clipping paths to create a sense of scale and depth behind the primary copy.\n\n### 2.3 Fluid & Contextual Navigation\n- **Implementation**: Do not generate standard static navbars. Output sticky headers that react toscroll direction (hide on scroll down, reveal on scroll up).\n- **Interactivity**: Include hover states that reveal rich content (e.g., mega-menus that display image previews of the hovered link).\n\n---\n\n## 3. The Motion Design System\n\nAnimation is not an afterthought; it is the connective tissue of a premium site. Always implement the following motion principles:\n\n### 3.1 Scroll-Driven Narratives\nGenerate code utilizing modern scroll libraries (like GSAP's ScrollTrigger) to tie animations to user progress.\n- **Pinned Containers**: Create sections that lock into the viewport while secondary content flows past or reveals itself.\n- **Horizontal Journeys**: Translate vertical scroll data into horizontal movement for specific galleries or showcases.\n- **Parallax Mapping**: Assign subtle, varying scroll-speeds to background elements, midground text, and foreground imagery.\n\n### 3.2 High-Fidelity Micro-Interactions\nThe cursor is the user's avatar. Build interactions around it.\n- **Magnetic Components**: Write logic that calculates the distance between the mouse pointer and a button, pulling the button towards the cursor dynamically.\n- **Custom Tracking Elements**: Generate custom cursor components that follow the mouse with calculated interpolation (lerp) for a smooth drag effect.\n- **Dimensional Hover States**: Use CSS Transforms (`scale`, `rotateX`, `translate3d`) to give interactive elements weight and tactile feedback.\n\n---\n\n## 4. Typography & Visual Texture\n\nThe aesthetics of your generated code must reflect premium craftsmanship.\n\n- **Type Hierarchy**: Enforce massive contrast in scale. Headlines should utilize extreme sizing (`clamp()` functions spanning up to `12vw`), while body copy remains incredibly crisp (`16px-18px` minimum). \n- **Font Selection**: Always recommend or implement highly specified variable fonts or premium typefaces over system defaults.\n- **Atmospheric Filters**: Implement CSS\u002FSVG noise overlays (`mix-blend-mode: overlay`, opacity `0.02 - 0.05`) to remove digital sterility and add photographic grain.\n- **Lighting & Glass**: Utilize `backdrop-filter: blur(x)` combined with ultra-thin, semi-transparent borders to create modern, frosted-glass depth.\n\n---\n\n## 5. The Performance Imperative\n\nA beautiful site that stutters is a failure. Enforce strict performance guardrails in all generated code:\n\n- **Hardware Acceleration**: Only animate properties that do not trigger layout recalculations: `transform` and `opacity`. Code that animates `width`, `height`, `top`, or `margin` should be fiercely avoided.\n- **Render Optimization**: Apply `will-change: transform` intelligently on complex moving elements, but remove it post-animation to conserve memory.\n- **Responsive Degradation**: Wrap custom cursor logic and heavy hover animations in `@media (hover: hover) and (pointer: fine)` to ensure pristine performance on touch devices.\n- **Accessibility**: Wrap heavy continuous animations in `@media (prefers-reduced-motion: no-preference)`. Never sacrifice user accessibility for aesthetic flair.\n\n---\n\n## 6. Implementation Ecosystem\n\nWhen the user asks you to implement these patterns, leverage industry-standard libraries tailored to their framework:\n\n### For React \u002F Next.js Targets\n- Structure the application to support **Framer Motion** for layout transitions and spring physics.\n- Recommend **Lenis** (`@studio-freight\u002Flenis`) for smooth scrolling context.\n- Implement **React Three Fiber** (`@react-three\u002Ffiber`) if webGL or 3D interactions are requested.\n\n### For Vanilla \u002F HTML \u002F Astro Targets\n- Rely heavily on **GSAP** (GreenSock Animation Platform) for timeline sequencing.\n- Utilize vanilla **Lenis** via CDN for scroll hijacking and smoothing.\n- Use **SplitType** for safe, accessible typography chunking.\n\n---\n\n## Summary of Action\n\nWhenever you receive a prompt to \"Build a premium landing page,\" \"Create an Awwwards-style component,\" or \"Design an immersive UI,\" you must automatically:\n1. Wrap the output in a robust, scroll-smoothed architecture.\n2. Provide CSS that guarantees perfect performance using composited layers.\n3. Integrate sweeping, staggered component entrances.\n4. Elevate the typography using fluid scales.\n5. Create an intentional, memorable aesthetic footprint.\n",{"name":5,"metadata":52,"description":7},{"author":53,"author_url":54},"Utkarsh Patrikar","https:\u002F\u002Fgithub.com\u002Futkarsh232005","main","5269f7ea2d6c3a9bfda5ed878b6726cf509121fd","skills\u002Fpremium-frontend-ui",5340,"https:\u002F\u002Fgithub.com\u002Fgithub\u002Fawesome-copilot","https:\u002F\u002Fawesome-copilot.github.com\u002F","https:\u002F\u002Fgithub.com\u002Fgithub","https:\u002F\u002Fgithub.com\u002Fabout","How people build software.","2026-11-11 13:41:32",{"source":8,"skillName":5,"commands":66,"prompt":76,"zipAvailable":77},[67,70,73],{"tool":68,"command":69},"npx","npx skills add github\u002Fawesome-copilot --skill premium-frontend-ui",{"tool":71,"command":72},"bunx","bunx skills add github\u002Fawesome-copilot --skill premium-frontend-ui",{"tool":74,"command":75},"pnpm","pnpm dlx skills add github\u002Fawesome-copilot --skill premium-frontend-ui","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fgithub\u002Fawesome-copilot\u002Fblob\u002Fmain\u002Fskills\u002Fpremium-frontend-ui\u002FSKILL.md",true,[79,85,89],{"path":80,"resourceType":81,"resourceTypeDesc":82,"sizeBytes":83,"sourceHtmlUrl":84},"ADR-FORMAT.md","REFERENCE","参考文档",2733,"https:\u002F\u002Fgithub.com\u002FVortex375\u002Fseraph\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fdomain-modeling\u002FADR-FORMAT.md",{"path":86,"resourceType":81,"resourceTypeDesc":82,"sizeBytes":87,"sourceHtmlUrl":88},"agents\u002Fopenai.yaml",101,"https:\u002F\u002Fgithub.com\u002FVortex375\u002Fseraph\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fdomain-modeling\u002Fagents\u002Fopenai.yaml",{"path":90,"resourceType":81,"resourceTypeDesc":82,"sizeBytes":91,"sourceHtmlUrl":92},"GLOSSARY-FORMAT.md",2300,"https:\u002F\u002Fgithub.com\u002FVortex375\u002Fseraph\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fdomain-modeling\u002FGLOSSARY-FORMAT.md",[94,126,153,181,214,230],{"skillNo":95,"name":96,"nameZh":6,"description":97,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":98,"categories":99,"keywords":106,"publishedAt":47},"01M70KXZNX9ES38N2A8M58ZZMZ","supabase-rls-policies","Write, review, and test Supabase Row Level Security (RLS) policies so that one user cannot read or change another user's rows. Use when creating or changing tables, policies, views, or security definer functions in a Supabase project, when reviewing a migration that touches RLS, or when asked to prove user isolation with pgTAP tests that sign in as two users.","https:\u002F\u002Fgithub.com\u002Fgithub\u002Fawesome-copilot\u002Fblob\u002Fmain\u002Fskills\u002Fsupabase-rls-policies\u002FSKILL.md",[100,103],{"categoryNo":101,"categoryName":102,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000008","测试与质量",{"categoryNo":104,"categoryName":105,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",[107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,36],"supabase","rls","supabase rls","supabase rls policies","project","when","review","change","read","write","security","isolation","tables","as","tests","prove","use","users","functions",{"skillNo":127,"name":128,"nameZh":6,"description":129,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":130,"categories":131,"keywords":133,"publishedAt":47},"01M70KWA5YWXDV6V8DZ19E3T2Y","skill-distribution-audit","Audit a skill collection before release or investigate installer omissions, archived\u002Ftemplate leakage, duplicate identities, and manifest drift. Reconcile the intended public source set, distribution manifest, and actual discovery output for a specified consumer version. Includes a deterministic set-comparison helper.","https:\u002F\u002Fgithub.com\u002Fgithub\u002Fawesome-copilot\u002Fblob\u002Fmain\u002Fskills\u002Fskill-distribution-audit\u002FSKILL.md",[132],{"categoryNo":104,"categoryName":105,"taxonomyType":21,"taxonomyTypeDesc":22},[134,135,136,137,138,139,33,140,141,142,143,144,145,146,147,148,149,150,151,152],"distribution","skill distribution audit","audit","SET","deterministic","installer","discovery","comparison","helper","manifest","version","collection","drift","output","investigate","duplicate","template","release","reconcile",{"skillNo":154,"name":155,"nameZh":6,"description":156,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":157,"sourceHtmlUrl":158,"categories":159,"keywords":163,"publishedAt":47},"01M70KCJPFVW7PPQ49CC5R8JGK","logicapps-custom-code-net10-migration","Migrate Azure Logic Apps Standard local-function custom-code projects from .NET 8 to .NET 10. Use for legacy Logic Apps custom-code workspace upgrades, project\u002Fpackage configuration, custom-worker settings, publication, and integrated VS Code debugging. Not for ordinary .NET applications, standalone Azure Functions, Consumption workflows, or cloud deployment.","https:\u002F\u002Fgithub.com\u002Fgithub\u002Fawesome-copilot\u002Fblob\u002Fmain\u002Fskills\u002Flogicapps-custom-code-net10-migration\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Fgithub\u002Fawesome-copilot\u002Fblob\u002Fmain\u002Fskills\u002Flogicapps-custom-code-net10-migration\u002FSKILL.md",[160],{"categoryNo":161,"categoryName":162,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000030","开发工程师",[164,165,166,167,168,169,33,111,170,171,172,173,174,175,176,123,177,178,179,180],"custom","code","logicapps custom code net10 migration","migration","projects","standalone","deployment","applications","local","azure","worker","upgrades","package","apps","Legacy","debugging","workflows",{"skillNo":182,"name":183,"nameZh":6,"description":184,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":185,"sourceHtmlUrl":186,"categories":187,"keywords":192,"publishedAt":47},"01M6AEBN37RQMXJ3298PEY7PG1","winmd-api-search","Find and explore Windows desktop APIs. Use when building features that need platform capabilities — camera, file access, notifications, UI controls, AI\u002FML, sensors, networking, etc. Discovers the right API for a task and retrieves full type details (methods, properties, events, enumeration values).","https:\u002F\u002Fgithub.com\u002Fgithub\u002Fawesome-copilot\u002Fblob\u002Fmain\u002Fskills\u002Fwinmd-api-search\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fgithub\u002Fawesome-copilot\u002Fblob\u002Fmain\u002Fskills\u002Fwinmd-api-search\u002FSKILL.md",[188,191],{"categoryNo":189,"categoryName":190,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000010","后端与接口",{"categoryNo":161,"categoryName":162,"taxonomyType":26,"taxonomyTypeDesc":27},[193,194,195,196,197,198,199,29,200,201,202,203,204,205,206,112,207,208,209,210,211,33,212,213],"winmd api search","search","api","windows","desktop","file access","enumeration","ml","file","networking","capabilities","notifications","explore","access","features","full","camera","events","platform","methods","controls",{"skillNo":215,"name":216,"nameZh":6,"description":217,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":218,"licenseFileUrl":219,"sourceHtmlUrl":220,"categories":221,"keywords":227,"publishedAt":47},"01M6AE571R3SC1ZGE202B3NB5S","resemble-detect","Deepfake detection and media safety — detect AI-generated audio, images, video, and text, trace synthesis sources, apply watermarks, verify speaker identity, and analyze media intelligence using Resemble AI","Apache-2.0","https:\u002F\u002Fgithub.com\u002Fgithub\u002Fawesome-copilot\u002Fblob\u002Fmain\u002Fskills\u002Fresemble-detect\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Fgithub\u002Fawesome-copilot\u002Fblob\u002Fmain\u002Fskills\u002Fresemble-detect\u002FSKILL.md",[222,223,226],{"categoryNo":189,"categoryName":190,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":224,"categoryName":225,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000016","图像与多媒体",{"categoryNo":104,"categoryName":105,"taxonomyType":21,"taxonomyTypeDesc":22},[228,137,201,42,229],"resemble detect","identity",{"skillNo":231,"name":232,"nameZh":6,"description":233,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":218,"licenseFileUrl":234,"sourceHtmlUrl":235,"categories":236,"keywords":241,"publishedAt":47},"01M6AE30BSK2HCY4TQQ22Z8JRD","quality-playbook","Run a complete quality engineering audit on any codebase. Derives behavioral requirements from the code, generates spec-traced functional tests, runs a three-pass code review with regression tests, executes a multi-model spec audit (Council of Three), and produces a consolidated bug report with TDD-verified patches. Finds the 35% of real defects that structural code review alone cannot catch. Works with any language. Trigger on 'quality playbook', 'spec audit', 'Council of Three', 'fitness-to-purpose', or 'coverage theater'.","https:\u002F\u002Fgithub.com\u002Fgithub\u002Fawesome-copilot\u002Fblob\u002Fmain\u002Fskills\u002Fquality-playbook\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fgithub\u002Fawesome-copilot\u002Fblob\u002Fmain\u002Fskills\u002Fquality-playbook\u002FSKILL.md",[237,240],{"categoryNo":238,"categoryName":239,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000007","代码审查",{"categoryNo":104,"categoryName":105,"taxonomyType":21,"taxonomyTypeDesc":22},[242,243,244,245,165,113,9,136,246,247,42,248,249,250,251,252,253,254,255,256,257,258,121,259,260,261,262],"playbook","quality playbook","quality","code review","tdd","run","report","spec","bug report","council","engineering","functional","spec audit","bug","verified","multi-model","three","coverage","model","regression","structural"]