<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet href="/rss.xsl" type="text/xsl"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>前端开发 | 面条的草稿箱</title><description>无原创，纯转发</description><link>https://localhost</link><item><title>让 AI 掌握顶级设计：TypeUI 风格库还在烦恼 AI 生成的网页风格太普通？TypeUI 为 Claude、Cursor、Gemini 等 AI 工具提供了一套精选的“设计技能（Design Skills）”库，让你的 AI 助手瞬间化身顶级设计师</title><link>https://localhost/posts/127</link><guid isPermaLink="true">https://localhost/posts/127</guid><pubDate>Mon, 13 Apr 2026 03:22:42 GMT</pubDate><content:encoded>&lt;b&gt;让 AI 掌握顶级设计：TypeUI 风格库&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;还在烦恼 AI 生成的网页风格太普通？TypeUI 为 Claude、Cursor、Gemini 等 AI 工具提供了一套精选的“设计技能（Design Skills）”库，让你的 AI 助手瞬间化身顶级设计师。&lt;br /&gt;&lt;br /&gt;&lt;b&gt;核心功能：&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;•   &lt;b&gt;多样化风格：&lt;/b&gt; 涵盖 Bento（盒式）、Neumorphism（新态设计）、Glassmorphism（毛玻璃）、Neobrutalism（新野兽派）等多种流行审美。&lt;br /&gt;•   &lt;b&gt;即插即用：&lt;/b&gt; 提供优化的 &lt;code&gt;skill.md&lt;/code&gt; 文件，你可以通过 CLI 命令（如 &lt;code&gt;npx typeui.sh pull bento&lt;/code&gt;）直接引入项目，或手动复制到提示词中。&lt;br /&gt;•   &lt;b&gt;完美适配：&lt;/b&gt; 专门针对 Agentic AI 工具进行了优化，确保 AI 生成的代码能精准还原特定的视觉风格。&lt;br /&gt;&lt;br /&gt;&lt;b&gt;使用场景：&lt;/b&gt;&lt;br /&gt;当你使用 AI 开发网页或应用时，只需喂入这些预设的“技能文件”，AI 就能跳出默认的 Bootstrap 或 Tailwind 风格，构建出极具辨识度的视觉界面。&lt;br /&gt;&lt;br /&gt;原文链接：&lt;a href=&quot;https://www.typeui.sh/design-skills&quot; target=&quot;_blank&quot;&gt;https://www.typeui.sh/design-skills&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;/search/result?q=%23AI%E8%AE%BE%E8%AE%A1&quot;&gt;#AI设计&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91&quot;&gt;#前端开发&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23TypeUI&quot;&gt;#TypeUI&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23UI%E8%AE%BE%E8%AE%A1&quot;&gt;#UI设计&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23AI%E5%B7%A5%E5%85%B7&quot;&gt;#AI工具&lt;/a&gt;&lt;a href=&quot;https://www.typeui.sh/design-skills&quot; target=&quot;_blank&quot;&gt;
  
  &lt;div&gt;www.typeui.sh&lt;/div&gt;
  &lt;img class=&quot;link_preview_image&quot; alt=&quot;Design Skills for AI | TypeUI&quot; src=&quot;https://memo.miantiao.me/static/https://cdn4.telesco.pe/file/Ilo7J4KZIOt22Gsac7UnzFBMEuCjvuHZux0cCoHEmiXsdp63LVP2R5n4nUJMoubNrYY3ue-syhZ3YxGYe4TA4dsrst_US2zf3kssJhxR4-KFCCYRBKHTlcB6ifspArx8O9RINVsObV4NcZAWv_KPfXTTmKdu05Hmuvo6hPDjO_PixwDptiUPQmuILZZF75iky1W4HxVsaBqrH-ZydZBRiyc_K4IaugZzVraV4Rl-4QxR5LVckqyM_pjR-n93L6v9inoh9UiN5DDk8SQOI85AcVO3hX073Pq_cD6p6272OirM0Hio89z1vz0kUvS8U8ntPDBUHUhdV2SDzo8Wv3Xkuw.jpg&quot; width=&quot;1200&quot; height=&quot;630&quot; loading=&quot;eager&quot; /&gt;
  &lt;div&gt;Design Skills for AI | TypeUI&lt;/div&gt;
  &lt;div&gt;Browse 67 design skills and use them to give Claude, Codex, Cursor, and other AI coding tools a consistent visual direction for generated UI.&lt;/div&gt;
&lt;/a&gt;</content:encoded></item><item><title>让 AI 像顶级设计师一样编程：GetDesign.md 设计规范库如果你正在使用 AI 助手（如 Cursor、Claude 或 Bolt）进行前端开发，那么这个网站值得加入收藏夹</title><link>https://localhost/posts/124</link><guid isPermaLink="true">https://localhost/posts/124</guid><pubDate>Fri, 10 Apr 2026 08:45:15 GMT</pubDate><content:encoded>让 AI &lt;a href=&quot;http://%E5%83%8F%E9%A1%B6%E7%BA%A7%E8%AE%BE%E8%AE%A1%E5%B8%88%E4%B8%80%E6%A0%B7%E7%BC%96%E7%A8%8B%EF%BC%9AGetDesign.md/&quot; target=&quot;_blank&quot;&gt;像顶级设计师一样编程：GetDesign.md&lt;/a&gt; 设计规范库&lt;br /&gt;&lt;br /&gt;如果你正在使用 AI 助手（如 Cursor、Claude 或 Bolt）进行前端开发，那么这个网站值得加入收藏夹。GetDesign.md 汇集了包括 Apple、Stripe、Linear、Notion 以及 SpaceX 在内的 60 多种知名品牌的设计系统灵感。&lt;br /&gt;&lt;br /&gt;它的核心价值在于“AI 友好”：你可以直接将这些精炼的 &lt;a href=&quot;http://DESIGN.md/&quot; target=&quot;_blank&quot;&gt;DESIGN.md&lt;/a&gt; 文件丢给 AI 编程助手，AI 就能迅速理解其设计语言、配色方案和排版逻辑，从而帮你构建出风格统一、质感高级的 UI 界面。&lt;br /&gt;&lt;br /&gt;无论你是想要打造极简的工具软件，还是具有视觉冲击力的官网，这里都是一个绝佳的 UI 风格武器库。&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://getdesign.md/&quot; target=&quot;_blank&quot;&gt;https://getdesign.md/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;/search/result?q=%23%E8%AE%BE%E8%AE%A1%E7%B3%BB%E7%BB%9F&quot;&gt;#设计系统&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23AI%E5%B7%A5%E5%85%B7&quot;&gt;#AI工具&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91&quot;&gt;#前端开发&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23UI%E8%AE%BE%E8%AE%A1&quot;&gt;#UI设计&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E7%94%9F%E4%BA%A7%E5%8A%9B%E5%B7%A5%E5%85%B7&quot;&gt;#生产力工具&lt;/a&gt;&lt;a href=&quot;https://getdesign.md/&quot; target=&quot;_blank&quot;&gt;
  
  &lt;div&gt;getdesign.md&lt;/div&gt;
  &lt;img class=&quot;link_preview_image&quot; alt=&quot;getdesign.md — DESIGN.md collection for AI coding agents&quot; src=&quot;https://memo.miantiao.me/static/https://cdn4.telesco.pe/file/Lt-K6rKXTdezvwny6mrXeW9cYACEiX3XyPaw-LYUBF6tk93SXWeM3hs8U9LiSOdbc8QCPJmp8bT-RyimxqLiPcH4scx7bDpgFS4pLZw8yM8Lz8h-zbDqjfmzCszsXQqJfzwIhGYZUDJHYY0L1YeYQ61zzU-4JCYYqmHmbFTZwLwWpzJLmV-QEG_ZVvV0NOemCN2epvxnmv-yRnAA6hoBpvgdKDSW-tjSujUc2tAwgAERertJDokthzNe882v8HGzgx9IoI9xngHT47fRvFNU1znfWr0nCqT02X4-UdvgRXDU24dE3ARzYcXSTx72OC58Zfk40Bw5bXvglN68L4jN4w.jpg&quot; width=&quot;1200&quot; height=&quot;630&quot; loading=&quot;eager&quot; /&gt;
  &lt;div&gt;getdesign.md — DESIGN.md collection for AI coding agents&lt;/div&gt;
  &lt;div&gt;Browse independent design system analyses from popular websites. Drop one into your project as design reference for your coding agent.&lt;/div&gt;
&lt;/a&gt;</content:encoded></item></channel></rss>