[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71R0N4A94BP4HTN8TTHN25M":3,"skill-same:01M71R0N4A94BP4HTN8TTHN25M":71},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":22,"publishedAt":43,"linkOnly":44,"markdownContent":45,"markdownBody":46,"frontMatter":47,"refName":51,"commitSha":52,"skillDirectory":53,"forksCount":13,"repositoryHtmlUrl":54,"repositoryHomepageUrl":6,"ownerHtmlUrl":55,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":56,"install":57,"resources":70},"01M71R0N4A94BP4HTN8TTHN25M","baseline-ui",null,"Anti-slop UI — layout, typography, responsive, animation, tokens. Use for cleanup or polish.","LuisAlbertoMK\u002Fgentleman-agent-gh","LuisAlbertoMK","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F96153499?v=4","01M71QZX0CF9KKGQZ8ZN9BME63","01M71QZX11P5X6Z27HE1GQDF71",0,"Apache-2.0","https:\u002F\u002Fgithub.com\u002FLuisAlbertoMK\u002Fgentleman-agent-gh\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fbaseline-ui\u002FSKILL.md",[17],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"ui","baseline","baseline ui","generic","design","slop","for","interface","layout","tokens","anti-slop","use","fix","ui polish","polish","Animation","cleanup","docs","design review","review","2026-11-10 13:02:02",false,"---\nname: baseline-ui\ndescription: \"Anti-slop UI — layout, typography, responsive, animation, tokens. Use for cleanup or polish.\"\ntriggers: \"ui cleanup, polish interface, fix layout, ui slop, generic ui, design review, anti-slop, ui polish, polish ui\"\nchangelog: docs\u002Fciclos\u002Fcycle28-20260815.md\ntoken_budget: 2200\n---\n## Typography\n`text-balance` headings · `text-pretty` body · `tabular-nums` data · Page→`clamp(1rem,1.5vw+.5rem,1.5rem)`\n\n## Tokens OKLCH→Var\n1 OKLCH →2 primitive `--blue-500` →3 semantic `--primary` →4 component `--btn-bg` →5 theme `:root{color-scheme}` →6 verify ≥4.5:1.\n\n## Hard Rules\n- Animate `transform`+`opacity` ONLY — NEVER w\u002Fh\u002Ftop\u002Fleft; 120\u002F200\u002F300ms, NEVER >500ms\n- ALWAYS `@media(prefers-reduced-motion:reduce)` → `.01ms`\n- OKLCH only, 3-tier chain, contrast ≥4.5:1 — NEVER HSL\u002FRGB\u002Fhex\n- No fixed widths: `repeat(auto-fit,minmax())` + `clamp()` + `min-height:100dvh`\n- `cqi` ONLY inside container; MQ=page, CQ=components\n\n## Output\n`UI-CLEANUP:\u003Cfile>—\u003Cdate> CRITICAL:\u003Cissue>→\u003Cfix> HIGH:\u003Cissue>→\u003Cfix> MEDIUM:\u003Cissue>→\u003Cfix> VERIFY:\u003Cpass\u002Ffail>`\n\n## Anti-Patterns\nFixed width · h-screen · transition:all · >500ms · No reduced-motion · HSL\u002FRGB · No contrast · cqi outside container\n\n## Anti-Rationalization\n| Rationalization | Red Flag | Verification |\n|-----------------|----------|--------------|\n| \"AI can do UI\" | Generic slop (no tokens, no @layer) | Check OKLCH + Grid\u002FFlex + CQ |\n| \"One CSS file is fine\" | 500+ line without @layer | @layer + compositor-only + OKLCH |\n| \"Responsive is optional\" | Fixed px widths | CQ + Flex\u002FGrid + spacing tokens |\n\n## Red Flags\n- Hardcoded `#fff`\u002F`#000`\u002Fpx without tokens → slop — reject the diff until tokenized\n- Animation on `width`\u002F`height` → compositor violation — STOP ship until compositor-only\n\n## Example\n`\u002Fbaseline-ui src\u002Fcomponents\u002FButton.tsx` → `UI-CLEANUP:Button—2026-08-27 CRITICAL:[contrast]→ HIGH:[layout]→ VERIFY:[axe]`\n\n## Verification\n- Verify contrast, reduced-motion, dark mode before done\n- `vision-analyze` or Playwright screenshot before ship\n- Offline-first: NO network\u002FOllama required for audit\n- Output matches ## Output contract; cross-refs exist; no anti-patterns\n\n→ docs\u002Fskills\u002Fbaseline-ui\u002Freference.md · Cross-Refs: ui-engine | accessibility | performance | web-quality-audit\n","## Typography\n`text-balance` headings · `text-pretty` body · `tabular-nums` data · Page→`clamp(1rem,1.5vw+.5rem,1.5rem)`\n\n## Tokens OKLCH→Var\n1 OKLCH →2 primitive `--blue-500` →3 semantic `--primary` →4 component `--btn-bg` →5 theme `:root{color-scheme}` →6 verify ≥4.5:1.\n\n## Hard Rules\n- Animate `transform`+`opacity` ONLY — NEVER w\u002Fh\u002Ftop\u002Fleft; 120\u002F200\u002F300ms, NEVER >500ms\n- ALWAYS `@media(prefers-reduced-motion:reduce)` → `.01ms`\n- OKLCH only, 3-tier chain, contrast ≥4.5:1 — NEVER HSL\u002FRGB\u002Fhex\n- No fixed widths: `repeat(auto-fit,minmax())` + `clamp()` + `min-height:100dvh`\n- `cqi` ONLY inside container; MQ=page, CQ=components\n\n## Output\n`UI-CLEANUP:\u003Cfile>—\u003Cdate> CRITICAL:\u003Cissue>→\u003Cfix> HIGH:\u003Cissue>→\u003Cfix> MEDIUM:\u003Cissue>→\u003Cfix> VERIFY:\u003Cpass\u002Ffail>`\n\n## Anti-Patterns\nFixed width · h-screen · transition:all · >500ms · No reduced-motion · HSL\u002FRGB · No contrast · cqi outside container\n\n## Anti-Rationalization\n| Rationalization | Red Flag | Verification |\n|-----------------|----------|--------------|\n| \"AI can do UI\" | Generic slop (no tokens, no @layer) | Check OKLCH + Grid\u002FFlex + CQ |\n| \"One CSS file is fine\" | 500+ line without @layer | @layer + compositor-only + OKLCH |\n| \"Responsive is optional\" | Fixed px widths | CQ + Flex\u002FGrid + spacing tokens |\n\n## Red Flags\n- Hardcoded `#fff`\u002F`#000`\u002Fpx without tokens → slop — reject the diff until tokenized\n- Animation on `width`\u002F`height` → compositor violation — STOP ship until compositor-only\n\n## Example\n`\u002Fbaseline-ui src\u002Fcomponents\u002FButton.tsx` → `UI-CLEANUP:Button—2026-08-27 CRITICAL:[contrast]→ HIGH:[layout]→ VERIFY:[axe]`\n\n## Verification\n- Verify contrast, reduced-motion, dark mode before done\n- `vision-analyze` or Playwright screenshot before ship\n- Offline-first: NO network\u002FOllama required for audit\n- Output matches ## Output contract; cross-refs exist; no anti-patterns\n\n→ docs\u002Fskills\u002Fbaseline-ui\u002Freference.md · Cross-Refs: ui-engine | accessibility | performance | web-quality-audit\n",{"name":5,"triggers":48,"changelog":49,"description":7,"token_budget":50},"ui cleanup, polish interface, fix layout, ui slop, generic ui, design review, anti-slop, ui polish, polish ui","docs\u002Fciclos\u002Fcycle28-20260815.md",2200,"main","4af6946b30783e2c8f9182082324d530fc28f838",".agents\u002Fskills\u002Fbaseline-ui","https:\u002F\u002Fgithub.com\u002FLuisAlbertoMK\u002Fgentleman-agent-gh","https:\u002F\u002Fgithub.com\u002FLuisAlbertoMK","2026-11-10 18:34:27",{"source":8,"skillName":5,"commands":58,"prompt":68,"zipAvailable":69},[59,62,65],{"tool":60,"command":61},"npx","npx skills add LuisAlbertoMK\u002Fgentleman-agent-gh --skill baseline-ui",{"tool":63,"command":64},"bunx","bunx skills add LuisAlbertoMK\u002Fgentleman-agent-gh --skill baseline-ui",{"tool":66,"command":67},"pnpm","pnpm dlx skills add LuisAlbertoMK\u002Fgentleman-agent-gh --skill baseline-ui","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FLuisAlbertoMK\u002Fgentleman-agent-gh\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fbaseline-ui\u002FSKILL.md",true,[],[72,106,129,136,161,187],{"skillNo":73,"name":74,"nameZh":6,"description":75,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":76,"categories":77,"keywords":90,"publishedAt":43},"01M71R7K35P668DYEPYGDQP2QA","web-quality-audit","Comprehensive web audit: performance, a11y, SEO, responsive, animation, design tokens.","https:\u002F\u002Fgithub.com\u002FLuisAlbertoMK\u002Fgentleman-agent-gh\u002Fblob\u002Fmain\u002Fdocs\u002Fciclos\u002Fc28-w1-backup\u002Fweb-quality-audit\u002FSKILL.md",[78,83,86,87],{"categoryNo":79,"categoryName":80,"taxonomyType":81,"taxonomyTypeDesc":82},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":84,"categoryName":85,"taxonomyType":81,"taxonomyTypeDesc":82},"01JBSEEDCAT000000000000019","营销推广",{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":88,"categoryName":89,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000035","市场营销",[91,92,93,94,95,38,96,27,97,23,98,99,32,100,101,102,42,103,104,105],"quality","quality audit","web quality audit","audit","web","design audit","website","responsive","seo","ui audit","Lighthouse","performance","optimize","a11y","page",{"skillNo":107,"name":108,"nameZh":6,"description":109,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":110,"categories":111,"keywords":113,"publishedAt":43},"01M71R7H1RA7CQ568DHRK37PE2","ui-engine","UI system — Grid\u002FFlexbox\u002F@layer\u002F:has(), container queries, compositor-only animation, OKLCH tokens, component patterns","https:\u002F\u002Fgithub.com\u002FLuisAlbertoMK\u002Fgentleman-agent-gh\u002Fblob\u002Fmain\u002Fdocs\u002Fciclos\u002Fc28-w1-backup\u002Fui-engine\u002FSKILL.md",[112],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},[114,115,23,38,116,117,118,105,119,32,120,121,122,27,123,124,125,126,127,128],"ui engine","engine","compositor","css","dark","system","mode","hooks","container","only","query","components","dark mode","grid","queries",{"skillNo":130,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":131,"categories":132,"keywords":135,"publishedAt":43},"01M71R7EPMZFKB833WE4B3GTHC","https:\u002F\u002Fgithub.com\u002FLuisAlbertoMK\u002Fgentleman-agent-gh\u002Fblob\u002Fmain\u002Fdocs\u002Fciclos\u002Fc28-w1-backup\u002Fbaseline-ui\u002FSKILL.md",[133,134],{"categoryNo":79,"categoryName":80,"taxonomyType":81,"taxonomyTypeDesc":82},{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},[25,24,23,38,26,28,29,33,32,35,122,27,30,39,41,100,34,124,127,42],{"skillNo":137,"name":138,"nameZh":6,"description":139,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":140,"categories":141,"keywords":145,"publishedAt":43},"01M71R7CWK3FBW77Z8WD9GXQFE","skill-creator","Create new AI agent skills following Agent Skills spec -- auto-bootstrap unknown tasks, define structure, register in AGENTS.md","https:\u002F\u002Fgithub.com\u002FLuisAlbertoMK\u002Fgentleman-agent-gh\u002Fblob\u002Fmain\u002F.archive\u002Fskills\u002Fskill-creator\u002FSKILL.md",[142],{"categoryNo":143,"categoryName":144,"taxonomyType":81,"taxonomyTypeDesc":82},"01JBSEEDCAT000000000000023","Skill与智能体开发",[146,147,148,149,150,151,152,153,154,155,156,157,158,159,160],"skill creator","creator","create","structure","register","2026","spec","new","ai skill","auto","define","ai agent","unknown","tasks","bootstrap",{"skillNo":162,"name":163,"nameZh":6,"description":164,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":165,"categories":166,"keywords":169,"publishedAt":43},"01M71R78DZM1GA16F1KN8ND926","senior-engineer","Apply senior engineering competencies — system design, trade-off analysis, delegation, mentoring, and tech debt strategy","https:\u002F\u002Fgithub.com\u002FLuisAlbertoMK\u002Fgentleman-agent-gh\u002Fblob\u002Fmain\u002F.archive\u002Fskills\u002Fsenior-engineer\u002FSKILL.md",[167,168],{"categoryNo":79,"categoryName":80,"taxonomyType":81,"taxonomyTypeDesc":82},{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},[170,171,172,173,174,175,176,27,177,178,151,179,180,181,119,182,183,184,185,186],"engineer","senior","senior engineer","system design","trade-offs","senior engineering","delegation","senior architect","analysis","debt","architect","tech","strategy","apply","trade","tech debt","engineering",{"skillNo":188,"name":189,"nameZh":6,"description":190,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":191,"categories":192,"keywords":197,"publishedAt":43},"01M71R74WQTXZMG3219RND96CE","prompt-engineering","Design effective prompts using SPEARS framework — scope, principles, examples, assertions, refinements, with ReAct and multi-agent patterns","https:\u002F\u002Fgithub.com\u002FLuisAlbertoMK\u002Fgentleman-agent-gh\u002Fblob\u002Fmain\u002F.archive\u002Fskills\u002Fprompt-engineering\u002FSKILL.md",[193,196],{"categoryNo":194,"categoryName":195,"taxonomyType":81,"taxonomyTypeDesc":82},"01JBSEEDCAT000000000000009","前端开发",{"categoryNo":143,"categoryName":144,"taxonomyType":81,"taxonomyTypeDesc":82},[198,199,186,200,201,27,202,151,203,204,205,206,207,208,209,210,211,212,213,214],"prompt","prompt engineering","scope","improve","react","security","patterns","multi-agent","framework","agent patterns","assertions","examples","with","multi","principles","improve prompt","prompts"]