[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"tool-frontend-design-skill":3,"related-frontend-design-skill":59},{"id":4,"name":5,"slug":6,"logo_url":7,"tagline":8,"capability_type":9,"pricing_type":10,"platforms":11,"view_count":15,"click_count":16,"featured":17,"is_trending":17,"editor_rating":18,"heat_score":19,"editor_summary":20,"status":21,"created_at":22,"categories":23,"tags":39,"description":40,"website_url":30,"github_url":41,"demo_url":30,"pricing_detail":30,"models":42,"screenshots":43,"features":44,"install_command":49,"compatible_clients":50,"editor_rating_detail":55,"seo_title":30,"seo_description":30,"updated_at":30},"aca42a78-389a-4ecb-a564-124adb02077f","Frontend Design Skill","frontend-design-skill","https:\u002F\u002Fimg.icons8.com\u002Ffluency\u002F96\u002Ftemplate.png","Anthropic官方前端设计Skill，生成生产级UI代码","skill","open_source",[12,13,14],"macOS","Windows","Linux",5,0,false,4.1,3204,"专注特定场景的AI技能，效果明显","published","2026-03-31T15:54:48",[24,32],{"id":25,"name":26,"slug":27,"icon":28,"description":29,"parent_id":30,"sort_order":31},6,"图像与设计","image-design","🎨","AI绘画、设计、图片编辑",null,1,{"id":33,"name":34,"slug":35,"icon":36,"description":37,"parent_id":30,"sort_order":38},16,"编程开发","coding-dev","💻","AI编程助手、代码生成、调试",3,[],"Anthropic 官方出品的前端设计 Skill（39K+ 使用）。创建具有高设计质量的独特、生产级前端界面。能根据 Figma 设计稿或文字描述生成创意、精致的 UI 代码，支持 Tailwind CSS、React、Vue 等主流前端框架。避免通用的 AI 默认美学，让每个页面都独一无二。","https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fskills",[],[],[45,46,47,48],"Figma到代码","Tailwind CSS支持","独特设计风格","多框架适配","内置Skill，无需安装",[51,52,53,54],"Claude Code","Claude.ai","Cursor","WorkBuddy",{"能力覆盖":56,"输出质量":57,"易上手":58,"可定制性":58},4.3,3.9,4,[60,85,103],{"id":61,"name":62,"slug":63,"logo_url":64,"tagline":65,"capability_type":66,"pricing_type":67,"platforms":68,"view_count":70,"click_count":16,"featured":71,"is_trending":17,"editor_rating":72,"heat_score":73,"editor_summary":74,"status":21,"created_at":75,"categories":76,"tags":84},"66c67dfd-2fc0-4512-ad29-58e04e2a497c","Midjourney","midjourney","https:\u002F\u002Fwww.midjourney.com\u002Ffavicon.ico","目前最强的AI图像生成工具，通过文字描述创建高质量艺术作品","tool","paid",[69],"web",11,true,4.6,8800,"AI绘画天花板级产品，艺术质感无可匹敌","2026-03-28T12:11:47",[77,78],{"id":25,"name":26,"slug":27,"icon":28,"description":29,"parent_id":30,"sort_order":31},{"id":79,"name":80,"slug":81,"icon":82,"description":83,"parent_id":25,"sort_order":16},7,"AI绘画","ai-art","🖼️","文生图、AI艺术创作",[],{"id":86,"name":87,"slug":88,"logo_url":89,"tagline":90,"capability_type":66,"pricing_type":10,"platforms":91,"view_count":95,"click_count":16,"featured":71,"is_trending":17,"editor_rating":96,"heat_score":97,"editor_summary":98,"status":21,"created_at":75,"categories":99,"tags":102},"acef4fea-e8ad-4543-bc22-d564b86f1fab","Stable Diffusion","stable-diffusion","https:\u002F\u002Fstability.ai\u002Ffavicon.ico","开源AI绘画模型，可本地部署运行，社区生态极其丰富",[69,92,93,94],"mac","windows","api",12,4.5,7500,"最强开源图像生成模型，本地部署完全免费",[100,101],{"id":25,"name":26,"slug":27,"icon":28,"description":29,"parent_id":30,"sort_order":31},{"id":79,"name":80,"slug":81,"icon":82,"description":83,"parent_id":25,"sort_order":16},[],{"id":104,"name":105,"slug":106,"logo_url":107,"tagline":108,"capability_type":66,"pricing_type":109,"platforms":110,"view_count":58,"click_count":16,"featured":71,"is_trending":17,"editor_rating":96,"heat_score":113,"editor_summary":114,"status":21,"created_at":75,"categories":115,"tags":124},"1761970c-1966-4753-81fc-f79225cf6a80","Canva AI","canva-ai","https:\u002F\u002Fstatic.canva.com\u002Fstatic\u002Fimages\u002Ffavicon-1.ico","Canva内置AI设计功能，非设计师也能产出专业级视觉内容","freemium",[69,92,93,111,112],"ios","android",4348,"专业级产品，适合有对应需求的用户",[116,117],{"id":25,"name":26,"slug":27,"icon":28,"description":29,"parent_id":30,"sort_order":31},{"id":118,"name":119,"slug":120,"icon":121,"description":122,"parent_id":25,"sort_order":123},9,"Logo与品牌","logo-brand","✨","Logo设计、品牌视觉",2,[]]