[{"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","\u002Flogos\u002Ffrontend-design-skill.png","Anthropic官方前端设计Skill，生成生产级UI代码","skill","open_source",[12,13,14],"macOS","Windows","Linux",175,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,86,104],{"id":61,"name":62,"slug":63,"logo_url":64,"tagline":65,"capability_type":66,"pricing_type":67,"platforms":68,"view_count":70,"click_count":71,"featured":72,"is_trending":17,"editor_rating":73,"heat_score":74,"editor_summary":75,"status":21,"created_at":76,"categories":77,"tags":85},"66c67dfd-2fc0-4512-ad29-58e04e2a497c","Midjourney","midjourney","\u002Flogos\u002Fmidjourney.png","目前最强的AI图像生成工具，通过文字描述创建高质量艺术作品","tool","paid",[69],"web",374,2,true,4.6,8800,"AI绘画天花板级产品，艺术质感无可匹敌","2026-03-28T12:11:47",[78,79],{"id":25,"name":26,"slug":27,"icon":28,"description":29,"parent_id":30,"sort_order":31},{"id":80,"name":81,"slug":82,"icon":83,"description":84,"parent_id":25,"sort_order":16},7,"AI绘画","ai-art","🖼️","文生图、AI艺术创作",[],{"id":87,"name":88,"slug":89,"logo_url":90,"tagline":91,"capability_type":66,"pricing_type":10,"platforms":92,"view_count":96,"click_count":16,"featured":72,"is_trending":17,"editor_rating":97,"heat_score":98,"editor_summary":99,"status":21,"created_at":76,"categories":100,"tags":103},"acef4fea-e8ad-4543-bc22-d564b86f1fab","Stable Diffusion","stable-diffusion","\u002Flogos\u002Fstable-diffusion.png","开源AI绘画模型，可本地部署运行，社区生态极其丰富",[69,93,94,95],"mac","windows","api",226,4.5,7500,"最强开源图像生成模型，本地部署完全免费",[101,102],{"id":25,"name":26,"slug":27,"icon":28,"description":29,"parent_id":30,"sort_order":31},{"id":80,"name":81,"slug":82,"icon":83,"description":84,"parent_id":25,"sort_order":16},[],{"id":105,"name":106,"slug":107,"logo_url":108,"tagline":109,"capability_type":66,"pricing_type":110,"platforms":111,"view_count":114,"click_count":16,"featured":72,"is_trending":17,"editor_rating":97,"heat_score":115,"editor_summary":116,"status":21,"created_at":76,"categories":117,"tags":125},"1761970c-1966-4753-81fc-f79225cf6a80","Canva AI","canva-ai","\u002Flogos\u002Fcanva-ai.ico","Canva内置AI设计功能，非设计师也能产出专业级视觉内容","freemium",[69,93,94,112,113],"ios","android",199,4348,"专业级产品，适合有对应需求的用户",[118,119],{"id":25,"name":26,"slug":27,"icon":28,"description":29,"parent_id":30,"sort_order":31},{"id":120,"name":121,"slug":122,"icon":123,"description":124,"parent_id":25,"sort_order":71},9,"Logo与品牌","logo-brand","✨","Logo设计、品牌视觉",[]]