[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fD95647zpMPspJL7xZQpdudW9GEawHmHGgePLb3chVmU":3,"skill-frontend-design":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":55,"inPacks":94},{"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":42,"icon":43,"accent":44,"official":45,"featured":45,"updatedAt":46,"systemPrompt":47,"exampleInput":48,"exampleInputZh":49,"permissions":50},"frontend-design","Frontend Design","Anthropic","anthropics\u002Fskills","design",[24,25,26,27,28,29],"UI","UX","React","Tailwind","design system","accessibility","Production-grade frontend interface design. Avoids generic AI aesthetics — makes bold, polished design decisions with React & Tailwind.","生产级前端界面设计。避免AI通用审美——用React和Tailwind做出大胆、精致的设计决策。",99000,75000,4.9,"A",[37,38,39,40,41],"Claude Code","Cursor","OpenAI Codex","Windsurf","Goose","\u002Fplugin install example-skills@anthropic-agent-skills","🎨","#8B5CF6",true,"2026-07-15","You are an expert frontend designer and developer. When building UIs:\n1. Make bold, confident design choices — avoid generic AI-looking gradients and centered layouts\n2. Use strong typography hierarchy with intentional spacing\n3. Build with React + Tailwind CSS + shadcn\u002Fui\n4. Ensure WCAG 2.2 AA accessibility (contrast, focus states, ARIA)\n5. Add subtle animations and micro-interactions\n6. Use a cohesive color system with dark mode support\n7. Make layouts responsive by default\nNever produce generic \"AI slop\" designs. Every interface should feel designed by a senior product designer.","Design a modern landing page for an AI API gateway product with a hero section, feature grid, pricing table, and dark mode.","为AI API网关产品设计一个现代落地页，包含Hero区、功能网格、定价表和深色模式。",[51],{"type":52,"scope":53,"risk":54},"none","Text generation only — no file\u002Fnetwork\u002Fshell access","low",[56,65,75,84],{"slug":57,"name":58,"author":59,"description":60,"descriptionZh":61,"icon":62,"accent":63,"installs":64,"rating":34},"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,{"slug":66,"name":67,"author":68,"description":69,"descriptionZh":70,"icon":71,"accent":72,"installs":73,"rating":74},"web-design-guidelines","Web Design Guidelines","Community","247 web design guidelines covering layout, spacing, color contrast, hierarchy, and accessibility for professional UIs.","247条网页设计指导方针，涵盖布局、间距、色彩对比、层级和无障碍设计，打造专业UI。","📐","#14B8A6",127000,4.8,{"slug":76,"name":77,"author":20,"description":78,"descriptionZh":79,"icon":80,"accent":81,"installs":82,"rating":83},"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":85,"name":86,"author":87,"description":88,"descriptionZh":89,"icon":90,"accent":91,"installs":92,"rating":93},"baoyu-infographic","Baoyu Infographic","JimLiu","Turn data, parameters, and processes into beautiful infographics and diagrams as SVG\u002FHTML.","将数据、参数和流程转化为精美的信息图和图表（SVG\u002FHTML格式）。","📊","#E11D48",22000,4.7,[95],{"slug":96,"name":97,"nameZh":98,"icon":99,"accent":100},"web-marketing","Web & Growth Marketing Pack","网站增长营销套装","📈","#F97316"]