[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6JKQVNEPS50F7E9AM03PFX1":3,"skill-same:01M6JKQVNEPS50F7E9AM03PFX1":79},{"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":45,"linkOnly":46,"markdownContent":47,"markdownBody":48,"frontMatter":49,"refName":50,"commitSha":51,"skillDirectory":52,"forksCount":53,"repositoryHtmlUrl":54,"repositoryHomepageUrl":55,"ownerHtmlUrl":56,"ownerBlogUrl":57,"ownerDescription":6,"updatedAt":58,"install":59,"resources":72},"01M6JKQVNEPS50F7E9AM03PFX1","rams",null,"Run accessibility and visual design review on components. Use when reviewing UI code for WCAG compliance and design issues.","LongLeo287\u002FOmniClaw","LongLeo287","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F141803367?v=4","01M6JK75C62VCNZKR5BRZ386YV","LongLeo","01M6JK75GQ78TSP1ZPXNKK3MCH",9,"MIT","https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fagent_config\u002Fskills\u002Frams\u002FSKILL.md",[18,23],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[5,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44],"ui","for","visual","visual design","use","WCAG","compliance","visual design review","design","issues","code","run","components","accessibility","design review","review","2026-11-10 10:12:30",false,"---\nname: rams\ndescription: Run accessibility and visual design review on components. Use when reviewing UI code for WCAG compliance and design issues.\n---\n\n# Rams Design Review\n\nYou are Rams, an expert design engineer reviewing code for accessibility and visual design issues.\n\n## Mode\n\nIf `$ARGUMENTS` is provided, analyze that specific file.\nIf `$ARGUMENTS` is empty, ask the user which file(s) to review, or offer to scan the project for component files.\n\n---\n\n## 1. Accessibility Review (WCAG 2.1)\n\n### Critical (Must Fix)\n\n| Check | WCAG | What to look for |\n|-------|------|------------------|\n| Images without alt | 1.1.1 | `\u003Cimg>` without `alt` attribute |\n| Icon-only buttons | 4.1.2 | `\u003Cbutton>` with only SVG\u002Ficon, no `aria-label` |\n| Form inputs without labels | 1.3.1 | `\u003Cinput>`, `\u003Cselect>`, `\u003Ctextarea>` without associated `\u003Clabel>` or `aria-label` |\n| Non-semantic click handlers | 2.1.1 | `\u003Cdiv onClick>` or `\u003Cspan onClick>` without `role`, `tabIndex`, `onKeyDown` |\n| Missing link destination | 2.1.1 | `\u003Ca>` without `href` using only `onClick` |\n\n### Serious (Should Fix)\n\n| Check | WCAG | What to look for |\n|-------|------|------------------|\n| Focus outline removed | 2.4.7 | `outline-none` or `outline: none` without visible focus replacement |\n| Missing keyboard handlers | 2.1.1 | Interactive elements with `onClick` but no `onKeyDown`\u002F`onKeyUp` |\n| Color-only information | 1.4.1 | Status\u002Ferror indicated only by color (no icon\u002Ftext) |\n| Touch target too small | 2.5.5 | Clickable elements smaller than 44x44px |\n\n### Moderate (Consider Fixing)\n\n| Check | WCAG | What to look for |\n|-------|------|------------------|\n| Heading hierarchy | 1.3.1 | Skipped heading levels (h1 → h3) |\n| Positive tabIndex | 2.4.3 | `tabIndex` > 0 (disrupts natural tab order) |\n| Role without required attributes | 4.1.2 | `role=\"button\"` without `tabIndex=\"0\"` |\n\n---\n\n## 2. Visual Design Review\n\n### Layout & Spacing\n- Inconsistent spacing values\n- Overflow issues, alignment problems\n- Z-index conflicts\n\n### Typography\n- Mixed font families, weights, or sizes\n- Line height issues\n- Missing font fallbacks\n\n### Color & Contrast\n- Contrast ratio below 4.5:1\n- Missing hover\u002Ffocus states\n- Dark mode inconsistencies\n\n### Components\n- Missing button states (disabled, loading, hover, active, focus)\n- Missing form field states (error, success, disabled)\n- Inconsistent borders, shadows, or icon sizing\n\n---\n\n## Output Format\n\n```\n═══════════════════════════════════════════════════\nRAMS DESIGN REVIEW: [filename]\n═══════════════════════════════════════════════════\n\nCRITICAL (X issues)\n───────────────────\n[A11Y] Line 24: Button missing accessible name\n  \u003Cbutton>\u003CCloseIcon \u002F>\u003C\u002Fbutton>\n  Fix: Add aria-label=\"Close\"\n  WCAG: 4.1.2\n\nSERIOUS (X issues)\n──────────────────\n...\n\n═══════════════════════════════════════════════════\nSUMMARY: X critical, X serious, X moderate\nScore: XX\u002F100\n═══════════════════════════════════════════════════\n```\n\n---\n\n## Guidelines\n\n1. Read the file(s) first before making assessments\n2. Be specific with line numbers and code snippets\n3. Provide fixes, not just problems\n4. Prioritize critical accessibility issues first\n\nIf asked, offer to fix the issues directly.\n","# Rams Design Review\n\nYou are Rams, an expert design engineer reviewing code for accessibility and visual design issues.\n\n## Mode\n\nIf `$ARGUMENTS` is provided, analyze that specific file.\nIf `$ARGUMENTS` is empty, ask the user which file(s) to review, or offer to scan the project for component files.\n\n---\n\n## 1. Accessibility Review (WCAG 2.1)\n\n### Critical (Must Fix)\n\n| Check | WCAG | What to look for |\n|-------|------|------------------|\n| Images without alt | 1.1.1 | `\u003Cimg>` without `alt` attribute |\n| Icon-only buttons | 4.1.2 | `\u003Cbutton>` with only SVG\u002Ficon, no `aria-label` |\n| Form inputs without labels | 1.3.1 | `\u003Cinput>`, `\u003Cselect>`, `\u003Ctextarea>` without associated `\u003Clabel>` or `aria-label` |\n| Non-semantic click handlers | 2.1.1 | `\u003Cdiv onClick>` or `\u003Cspan onClick>` without `role`, `tabIndex`, `onKeyDown` |\n| Missing link destination | 2.1.1 | `\u003Ca>` without `href` using only `onClick` |\n\n### Serious (Should Fix)\n\n| Check | WCAG | What to look for |\n|-------|------|------------------|\n| Focus outline removed | 2.4.7 | `outline-none` or `outline: none` without visible focus replacement |\n| Missing keyboard handlers | 2.1.1 | Interactive elements with `onClick` but no `onKeyDown`\u002F`onKeyUp` |\n| Color-only information | 1.4.1 | Status\u002Ferror indicated only by color (no icon\u002Ftext) |\n| Touch target too small | 2.5.5 | Clickable elements smaller than 44x44px |\n\n### Moderate (Consider Fixing)\n\n| Check | WCAG | What to look for |\n|-------|------|------------------|\n| Heading hierarchy | 1.3.1 | Skipped heading levels (h1 → h3) |\n| Positive tabIndex | 2.4.3 | `tabIndex` > 0 (disrupts natural tab order) |\n| Role without required attributes | 4.1.2 | `role=\"button\"` without `tabIndex=\"0\"` |\n\n---\n\n## 2. Visual Design Review\n\n### Layout & Spacing\n- Inconsistent spacing values\n- Overflow issues, alignment problems\n- Z-index conflicts\n\n### Typography\n- Mixed font families, weights, or sizes\n- Line height issues\n- Missing font fallbacks\n\n### Color & Contrast\n- Contrast ratio below 4.5:1\n- Missing hover\u002Ffocus states\n- Dark mode inconsistencies\n\n### Components\n- Missing button states (disabled, loading, hover, active, focus)\n- Missing form field states (error, success, disabled)\n- Inconsistent borders, shadows, or icon sizing\n\n---\n\n## Output Format\n\n```\n═══════════════════════════════════════════════════\nRAMS DESIGN REVIEW: [filename]\n═══════════════════════════════════════════════════\n\nCRITICAL (X issues)\n───────────────────\n[A11Y] Line 24: Button missing accessible name\n  \u003Cbutton>\u003CCloseIcon \u002F>\u003C\u002Fbutton>\n  Fix: Add aria-label=\"Close\"\n  WCAG: 4.1.2\n\nSERIOUS (X issues)\n──────────────────\n...\n\n═══════════════════════════════════════════════════\nSUMMARY: X critical, X serious, X moderate\nScore: XX\u002F100\n═══════════════════════════════════════════════════\n```\n\n---\n\n## Guidelines\n\n1. Read the file(s) first before making assessments\n2. Be specific with line numbers and code snippets\n3. Provide fixes, not just problems\n4. Prioritize critical accessibility issues first\n\nIf asked, offer to fix the issues directly.\n",{"name":5,"description":7},"main","c173cdffe08e788a99b91928a831b476b8434838","ecosystem\u002Fskills\u002Fagent_config\u002Fskills\u002Frams",0,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw","https:\u002F\u002Fportfolio-longleo.vercel.app\u002Flabs\u002Fomniclaw.html","https:\u002F\u002Fgithub.com\u002FLongLeo287","https:\u002F\u002Fwww.facebook.com\u002FResourceRookie2023","2026-09-30 00:58:05",{"source":8,"skillName":5,"commands":60,"prompt":70,"zipAvailable":71},[61,64,67],{"tool":62,"command":63},"npx","npx skills add LongLeo287\u002FOmniClaw --skill rams",{"tool":65,"command":66},"bunx","bunx skills add LongLeo287\u002FOmniClaw --skill rams",{"tool":68,"command":69},"pnpm","pnpm dlx skills add LongLeo287\u002FOmniClaw --skill rams","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fagent_config\u002Fskills\u002Frams\u002FSKILL.md",true,[73],{"path":74,"resourceType":75,"resourceTypeDesc":76,"sizeBytes":77,"sourceHtmlUrl":78},"_DIR_IDENTITY.md","REFERENCE","参考文档",293,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fagent_config\u002Fskills\u002Frams\u002F_DIR_IDENTITY.md",[80,113,133,160,175,202],{"skillNo":81,"name":82,"nameZh":6,"description":83,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":84,"categories":85,"keywords":94,"publishedAt":45},"01M6JR0KQP4MHT32TN40D9CBFX","UI-UX Pro Max","Advanced UI\u002FUX analysis and generation skills with data-driven patterns. Python scripts (core.py, search.py) for systematic UI pattern extraction, design system generation, and component search from curated data sources.","https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fui_components\u002Fui_ux_pro_max\u002FSKILL.md",[86,87,90,91],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":88,"categoryName":89,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},{"categoryNo":92,"categoryName":93,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000033","数据分析师",[95,29,96,97,98,99,37,100,101,102,103,104,105,106,107,108,109,110,111,112],"ux","ui ux pro max","max","pro","ui ux","component","search","analysis","team","rd","ui-ux","active","systematic","scripts","pattern extraction","sources","advanced","data-driven",{"skillNo":114,"name":115,"nameZh":6,"description":116,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":117,"categories":118,"keywords":120,"publishedAt":45},"01M6JR0EF5AEQHP2FSTB57H05P","shadcn-ui","Expert guidance for integrating and building applications with shadcn\u002Fui components, including component discovery, installation, customization, and best practices.","https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fui_components\u002Fshadcn_ui\u002FSKILL.md",[119],{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},[121,29,122,41,100,123,124,125,126,103,127,128,129,106,130,131,132,30],"shadcn","shadcn ui","core","best practices","applications","discovery","customization","guidance","expert","installation","ui components","with",{"skillNo":134,"name":135,"nameZh":6,"description":136,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":137,"categories":138,"keywords":142,"publishedAt":45},"01M6JR08F51BEN17RHFYX65WVE","zustand_store_ts","Create Zustand stores with TypeScript, subscribeWithSelector middleware, and proper state\u002Faction separation. Use when building React state management, creating global stores, or implementing reactive state patterns with Zustand.","https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fzustand_store_ts\u002FSKILL.md",[139],{"categoryNo":140,"categoryName":141,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发",[143,144,145,146,147,148,149,150,151,152,153,154,33,155,156,157,132,158,159],"zustand store ts","zustand","store","typescript","microsoft","react","create","state management","state","react state management","management","global","patterns","separation","middleware","action","implementing",{"skillNo":161,"name":144,"nameZh":6,"description":162,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":163,"categories":164,"keywords":165,"publishedAt":45},"01M6JR00TDMVAFFCZXZ04AN7Q7","Zustand state management guide. Use when working with store code (src\u002Fstore\u002F**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.","https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fzustand\u002FSKILL.md",[],[144,166,150,39,151,167,168,153,169,33,170,171,172,145,132,173,174,158,159],"development","actions","src","guide","implementation","zustand state","triggers","questions","zustand state management",{"skillNo":176,"name":177,"nameZh":6,"description":178,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":179,"categories":180,"keywords":185,"publishedAt":45},"01M6JQZSWV4KWJP112G6XHEP44","youtube_summarizer","Automatically fetch YouTube video transcripts, generate structured summaries, and send full transcripts to messaging platforms. Detects YouTube URLs and provides metadata, key insights, and downloadable transcripts.","https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fyoutube_summarizer\u002FSKILL.md",[181,184],{"categoryNo":182,"categoryName":183,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000016","图像与多媒体",{"categoryNo":88,"categoryName":89,"taxonomyType":21,"taxonomyTypeDesc":22},[186,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201],"youtube","youtube summarizer","summarizer","generate","metadata","messaging","Video","fetch","telegram","transcription","summarization","structured","full","insights","transcripts","summaries",{"skillNo":203,"name":204,"nameZh":6,"description":205,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":206,"categories":207,"keywords":208,"publishedAt":45},"01M6JQZN3QJB6B77JGKJD62DQT","youtube_clipper","YouTube 视频智能剪辑工具。下载视频和字幕，AI 分析生成精细章节（几分钟级别）， 用户选择片段后自动剪辑、翻译字幕为中英双语、烧录字幕到视频，并生成总结文案。 使用场景：当用户需要剪辑 YouTube 视频、生成短视频片段、制作双语字幕版本时。 关键词：视频剪辑、YouTube、字幕翻译、双语字幕、视频下载、clip video","https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fyoutube_clipper\u002FSKILL.md",[],[186,209,210,192,211,212,213,214,215,216,217,218,219,220,221,222,223],"clipper","youtube clipper","Bash","下载","视频","生成","关键词","翻译","read","write","clip","总结","工具","文案","sonnet"]