[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fD95647zpMPspJL7xZQpdudW9GEawHmHGgePLb3chVmU":3,"skill-web-design-guidelines":16},{"siteName":4,"siteDescription":5,"siteUrl":6,"contactEmail":7,"socialLinks":8,"analyticsCode":10,"seo":11},"AllAI App","Call 500+ AI models through one compliant API KEY. Discover 35,000+ AI tools across 21 categories. Compare, test all ai app in one platform.","https:\u002F\u002Fallaiapp.com","contact@allaiapp.com",{"twitter":9,"github":9,"discord":9,"linkedin":9,"youtube":9},"","\u003C!-- Google tag (gtag.js) -->\n\u003Cscript async src=\"https:\u002F\u002Fwww.googletagmanager.com\u002Fgtag\u002Fjs?id=G-3NJE4SY4LE\">\u003C\u002Fscript>\n\u003Cscript>\n  window.dataLayer = window.dataLayer || [];\n  function gtag(){dataLayer.push(arguments);}\n  gtag('js', new Date());\n\n  gtag('config', 'G-3NJE4SY4LE');\n\u003C\u002Fscript>\n\u003C!-- Baidu Tongji (hm.js) -->\n\u003Cscript>\nvar _hmt = _hmt || [];\n(function() {\n  var hm = document.createElement(\"script\");\n  hm.src = \"https:\u002F\u002Fhm.baidu.com\u002Fhm.js?ee51358c8d4491dea1125cfc1d47a169\";\n  var s = document.getElementsByTagName(\"script\")[0];\n  s.parentNode.insertBefore(hm, s);\n})();\n\u003C\u002Fscript>",{"titleTemplate":12,"metaKeywords":13,"ogImage":14,"twitterSite":9,"defaultRobots":15,"googleVerify":9,"bingVerify":9,"baiduVerify":9,"organizationLogo":14},"%s | AllAI App","AI KEY,AI API KEY,Deepseek Key,Chatgpt Key,OpenAi Key,AI tools, AI directory, AI API gateway, AI models, artificial intelligence,","https:\u002F\u002Fallaiapp.com\u002Fog-image.png","index, follow",{"skill":17,"related":60,"inPacks":99},{"slug":18,"name":19,"author":20,"repo":21,"category":22,"tags":23,"description":30,"descriptionZh":31,"installs":32,"stars":33,"rating":34,"securityGrade":35,"compatibleAgents":36,"installCommand":47,"icon":48,"accent":49,"featured":50,"updatedAt":51,"systemPrompt":52,"exampleInput":53,"exampleInputZh":54,"permissions":55},"web-design-guidelines","Web Design Guidelines","Community","vercel-labs\u002Fagent-skills","design",[24,25,26,27,28,29],"UI","UX","design system","accessibility","WCAG","typography","247 web design guidelines covering layout, spacing, color contrast, hierarchy, and accessibility for professional UIs.","247条网页设计指导方针，涵盖布局、间距、色彩对比、层级和无障碍设计，打造专业UI。",127000,5600,4.8,"A",[37,38,39,40,41,42,43,44,45,46],"Claude Code","Cursor","GitHub Copilot","OpenAI Codex","Gemini CLI","Windsurf","Goose","OpenCode","Cline","Roo Code","npx skills add vercel-labs\u002Fagent-skills@web-design-guidelines","📐","#14B8A6",true,"2026-07-20","You are a senior UI\u002FUX designer. Apply 247 web design guidelines when creating or reviewing interfaces:\n1. Use 8-point grid spacing system\n2. Maintain WCAG AA contrast ratios (4.5:1 normal text, 3:1 large text)\n3. Establish clear typography hierarchy (display > h1 > h2 > body > caption)\n4. Design with consistent component patterns\n5. Ensure touch targets are at least 44x44px\n6. Provide visible focus states for all interactive elements\n7. Use progressive disclosure for complex interfaces\n8. Test for color blindness accessibility\nReview designs against these guidelines and score them.","Review this dashboard UI design and score it against web design guidelines. Suggest specific improvements.","审查这个仪表板UI设计，按网页设计指南打分并提出具体改进建议。",[56],{"type":57,"scope":58,"risk":59},"none","Text generation only — no file\u002Fnetwork\u002Fshell access","low",[61,71,80,89],{"slug":62,"name":63,"author":64,"description":65,"descriptionZh":66,"icon":67,"accent":68,"installs":69,"rating":70},"ui-ux-pro-max","UI\u002FUX Pro Max","nextlevelbuilder","The most-starred AI design skill: a searchable design-intelligence database with 79 UI styles, 192 industry color palettes and reasoning rules, 74 font pairings, 25 chart types and 22 tech-stack guides. Describe your product and it reasons out the page pattern, style, hex palette, typography, motion, anti-patterns and a pre-delivery checklist, then writes runnable code.","GitHub 最火的 AI 设计技能：一套可检索的设计智能库，内置 79 套 UI 风格、192 套行业配色与推理规则、74 组字体搭配、25 类图表和 22 种技术栈规范。一句话描述产品，它就会自动推理页面结构、风格、含色值的配色、字体、动效、要避开的坑和交付前检查清单，并生成可运行代码。","💎","#7C3AED",150000,4.9,{"slug":72,"name":73,"author":74,"description":75,"descriptionZh":76,"icon":77,"accent":78,"installs":79,"rating":70},"frontend-design","Frontend Design","Anthropic","Production-grade frontend interface design. Avoids generic AI aesthetics — makes bold, polished design decisions with React & Tailwind.","生产级前端界面设计。避免AI通用审美——用React和Tailwind做出大胆、精致的设计决策。","🎨","#8B5CF6",99000,{"slug":81,"name":82,"author":74,"description":83,"descriptionZh":84,"icon":85,"accent":86,"installs":87,"rating":88},"canvas-design","Canvas Design","Design beautiful visual art in PNG and PDF formats — posters, social media graphics, logos, and marketing materials.","设计精美的PNG和PDF视觉作品——海报、社交媒体图片、Logo和营销素材。","🖼️","#A855F7",34000,4.6,{"slug":90,"name":91,"author":92,"description":93,"descriptionZh":94,"icon":95,"accent":96,"installs":97,"rating":98},"baoyu-infographic","Baoyu Infographic","JimLiu","Turn data, parameters, and processes into beautiful infographics and diagrams as SVG\u002FHTML.","将数据、参数和流程转化为精美的信息图和图表（SVG\u002FHTML格式）。","📊","#E11D48",22000,4.7,[100],{"slug":101,"name":102,"nameZh":103,"icon":104,"accent":105},"web-marketing","Web & Growth Marketing Pack","网站增长营销套装","📈","#F97316"]