[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"similar-Leonxlnx--taste-skill":3,"tool-Leonxlnx--taste-skill":61},[4,18,26,36,44,53],{"id":5,"name":6,"github_repo":7,"description_zh":8,"stars":9,"difficulty_score":10,"last_commit_at":11,"category_tags":12,"status":17},4358,"openclaw","openclaw\u002Fopenclaw","OpenClaw 是一款专为个人打造的本地化 AI 助手，旨在让你在自己的设备上拥有完全可控的智能伙伴。它打破了传统 AI 助手局限于特定网页或应用的束缚，能够直接接入你日常使用的各类通讯渠道，包括微信、WhatsApp、Telegram、Discord、iMessage 等数十种平台。无论你在哪个聊天软件中发送消息，OpenClaw 都能即时响应，甚至支持在 macOS、iOS 和 Android 设备上进行语音交互，并提供实时的画布渲染功能供你操控。\n\n这款工具主要解决了用户对数据隐私、响应速度以及“始终在线”体验的需求。通过将 AI 部署在本地，用户无需依赖云端服务即可享受快速、私密的智能辅助，真正实现了“你的数据，你做主”。其独特的技术亮点在于强大的网关架构，将控制平面与核心助手分离，确保跨平台通信的流畅性与扩展性。\n\nOpenClaw 非常适合希望构建个性化工作流的技术爱好者、开发者，以及注重隐私保护且不愿被单一生态绑定的普通用户。只要具备基础的终端操作能力（支持 macOS、Linux 及 Windows WSL2），即可通过简单的命令行引导完成部署。如果你渴望拥有一个懂你",349277,3,"2026-04-06T06:32:30",[13,14,15,16],"Agent","开发框架","图像","数据工具","ready",{"id":19,"name":20,"github_repo":21,"description_zh":22,"stars":23,"difficulty_score":10,"last_commit_at":24,"category_tags":25,"status":17},3808,"stable-diffusion-webui","AUTOMATIC1111\u002Fstable-diffusion-webui","stable-diffusion-webui 是一个基于 Gradio 构建的网页版操作界面，旨在让用户能够轻松地在本地运行和使用强大的 Stable Diffusion 图像生成模型。它解决了原始模型依赖命令行、操作门槛高且功能分散的痛点，将复杂的 AI 绘图流程整合进一个直观易用的图形化平台。\n\n无论是希望快速上手的普通创作者、需要精细控制画面细节的设计师，还是想要深入探索模型潜力的开发者与研究人员，都能从中获益。其核心亮点在于极高的功能丰富度：不仅支持文生图、图生图、局部重绘（Inpainting）和外绘（Outpainting）等基础模式，还独创了注意力机制调整、提示词矩阵、负向提示词以及“高清修复”等高级功能。此外，它内置了 GFPGAN 和 CodeFormer 等人脸修复工具，支持多种神经网络放大算法，并允许用户通过插件系统无限扩展能力。即使是显存有限的设备，stable-diffusion-webui 也提供了相应的优化选项，让高质量的 AI 艺术创作变得触手可及。",162132,"2026-04-05T11:01:52",[14,15,13],{"id":27,"name":28,"github_repo":29,"description_zh":30,"stars":31,"difficulty_score":32,"last_commit_at":33,"category_tags":34,"status":17},1381,"everything-claude-code","affaan-m\u002Feverything-claude-code","everything-claude-code 是一套专为 AI 编程助手（如 Claude Code、Codex、Cursor 等）打造的高性能优化系统。它不仅仅是一组配置文件，而是一个经过长期实战打磨的完整框架，旨在解决 AI 代理在实际开发中面临的效率低下、记忆丢失、安全隐患及缺乏持续学习能力等核心痛点。\n\n通过引入技能模块化、直觉增强、记忆持久化机制以及内置的安全扫描功能，everything-claude-code 能显著提升 AI 在复杂任务中的表现，帮助开发者构建更稳定、更智能的生产级 AI 代理。其独特的“研究优先”开发理念和针对 Token 消耗的优化策略，使得模型响应更快、成本更低，同时有效防御潜在的攻击向量。\n\n这套工具特别适合软件开发者、AI 研究人员以及希望深度定制 AI 工作流的技术团队使用。无论您是在构建大型代码库，还是需要 AI 协助进行安全审计与自动化测试，everything-claude-code 都能提供强大的底层支持。作为一个曾荣获 Anthropic 黑客大奖的开源项目，它融合了多语言支持与丰富的实战钩子（hooks），让 AI 真正成长为懂上",154349,2,"2026-04-13T23:32:16",[14,13,35],"语言模型",{"id":37,"name":38,"github_repo":39,"description_zh":40,"stars":41,"difficulty_score":32,"last_commit_at":42,"category_tags":43,"status":17},2271,"ComfyUI","Comfy-Org\u002FComfyUI","ComfyUI 是一款功能强大且高度模块化的视觉 AI 引擎，专为设计和执行复杂的 Stable Diffusion 图像生成流程而打造。它摒弃了传统的代码编写模式，采用直观的节点式流程图界面，让用户通过连接不同的功能模块即可构建个性化的生成管线。\n\n这一设计巧妙解决了高级 AI 绘图工作流配置复杂、灵活性不足的痛点。用户无需具备编程背景，也能自由组合模型、调整参数并实时预览效果，轻松实现从基础文生图到多步骤高清修复等各类复杂任务。ComfyUI 拥有极佳的兼容性，不仅支持 Windows、macOS 和 Linux 全平台，还广泛适配 NVIDIA、AMD、Intel 及苹果 Silicon 等多种硬件架构，并率先支持 SDXL、Flux、SD3 等前沿模型。\n\n无论是希望深入探索算法潜力的研究人员和开发者，还是追求极致创作自由度的设计师与资深 AI 绘画爱好者，ComfyUI 都能提供强大的支持。其独特的模块化架构允许社区不断扩展新功能，使其成为当前最灵活、生态最丰富的开源扩散模型工具之一，帮助用户将创意高效转化为现实。",108322,"2026-04-10T11:39:34",[14,15,13],{"id":45,"name":46,"github_repo":47,"description_zh":48,"stars":49,"difficulty_score":32,"last_commit_at":50,"category_tags":51,"status":17},6121,"gemini-cli","google-gemini\u002Fgemini-cli","gemini-cli 是一款由谷歌推出的开源 AI 命令行工具，它将强大的 Gemini 大模型能力直接集成到用户的终端环境中。对于习惯在命令行工作的开发者而言，它提供了一条从输入提示词到获取模型响应的最短路径，无需切换窗口即可享受智能辅助。\n\n这款工具主要解决了开发过程中频繁上下文切换的痛点，让用户能在熟悉的终端界面内直接完成代码理解、生成、调试以及自动化运维任务。无论是查询大型代码库、根据草图生成应用，还是执行复杂的 Git 操作，gemini-cli 都能通过自然语言指令高效处理。\n\n它特别适合广大软件工程师、DevOps 人员及技术研究人员使用。其核心亮点包括支持高达 100 万 token 的超长上下文窗口，具备出色的逻辑推理能力；内置 Google 搜索、文件操作及 Shell 命令执行等实用工具；更独特的是，它支持 MCP（模型上下文协议），允许用户灵活扩展自定义集成，连接如图像生成等外部能力。此外，个人谷歌账号即可享受免费的额度支持，且项目基于 Apache 2.0 协议完全开源，是提升终端工作效率的理想助手。",100752,"2026-04-10T01:20:03",[52,13,15,14],"插件",{"id":54,"name":55,"github_repo":56,"description_zh":57,"stars":58,"difficulty_score":32,"last_commit_at":59,"category_tags":60,"status":17},4721,"markitdown","microsoft\u002Fmarkitdown","MarkItDown 是一款由微软 AutoGen 团队打造的轻量级 Python 工具，专为将各类文件高效转换为 Markdown 格式而设计。它支持 PDF、Word、Excel、PPT、图片（含 OCR）、音频（含语音转录）、HTML 乃至 YouTube 链接等多种格式的解析，能够精准提取文档中的标题、列表、表格和链接等关键结构信息。\n\n在人工智能应用日益普及的今天，大语言模型（LLM）虽擅长处理文本，却难以直接读取复杂的二进制办公文档。MarkItDown 恰好解决了这一痛点，它将非结构化或半结构化的文件转化为模型“原生理解”且 Token 效率极高的 Markdown 格式，成为连接本地文件与 AI 分析 pipeline 的理想桥梁。此外，它还提供了 MCP（模型上下文协议）服务器，可无缝集成到 Claude Desktop 等 LLM 应用中。\n\n这款工具特别适合开发者、数据科学家及 AI 研究人员使用，尤其是那些需要构建文档检索增强生成（RAG）系统、进行批量文本分析或希望让 AI 助手直接“阅读”本地文件的用户。虽然生成的内容也具备一定可读性，但其核心优势在于为机器",93400,"2026-04-06T19:52:38",[52,14],{"id":62,"github_repo":63,"name":64,"description_en":65,"description_zh":66,"ai_summary_zh":67,"readme_en":68,"readme_zh":69,"quickstart_zh":70,"use_case_zh":71,"hero_image_url":72,"owner_login":73,"owner_name":74,"owner_avatar_url":75,"owner_bio":76,"owner_company":77,"owner_location":78,"owner_email":77,"owner_twitter":77,"owner_website":77,"owner_url":79,"languages":77,"stars":80,"forks":81,"last_commit_at":82,"license":77,"difficulty_score":83,"env_os":84,"env_gpu":84,"env_ram":84,"env_deps":85,"category_tags":90,"github_topics":91,"view_count":32,"oss_zip_url":77,"oss_zip_packed_at":77,"status":17,"created_at":100,"updated_at":101,"faqs":102,"releases":103},7319,"Leonxlnx\u002Ftaste-skill","taste-skill","Taste-Skill (High-Agency Frontend) - gives your AI good taste. stops the AI from generating boring, generic, \"slop\" ","taste-skill 是一款专为提升 AI 前端代码生成质量而设计的开源技能集合。它旨在解决当前 AI 编程助手容易生成风格通用、缺乏美感甚至敷衍了事的“流水线”代码这一痛点，引导 AI 输出具有现代感、高级质感且细节丰富的用户界面。\n\n这款工具非常适合前端开发者、全栈工程师以及依赖 Cursor、Claude Code、Windsurf 等 AI 编程代理进行开发的技术人员使用。通过简单的命令行安装，taste-skill 能为 AI 注入专业的“设计审美”，使其在布局排版、色彩搭配、间距控制及动效设计上达到专业设计师水准。\n\n其独特亮点在于提供了多种可切换的风格模式：既有适合高端产品的\"soft-skill\"（柔和高级风）和\"minimalist-skill\"（极简编辑风），也有极具个性的\"brutalist-skill\"（粗野主义风）。此外，它还包含\"output-skill\"以杜绝 AI 偷懒省略代码，并允许用户通过调整参数自定义设计的实验性、动效强度及视觉密度。无论是从零构建新项目，还是重构现有界面的设计缺陷，taste-skill 都能帮助开发者高效获得美观且可用的前端代","taste-skill 是一款专为提升 AI 前端代码生成质量而设计的开源技能集合。它旨在解决当前 AI 编程助手容易生成风格通用、缺乏美感甚至敷衍了事的“流水线”代码这一痛点，引导 AI 输出具有现代感、高级质感且细节丰富的用户界面。\n\n这款工具非常适合前端开发者、全栈工程师以及依赖 Cursor、Claude Code、Windsurf 等 AI 编程代理进行开发的技术人员使用。通过简单的命令行安装，taste-skill 能为 AI 注入专业的“设计审美”，使其在布局排版、色彩搭配、间距控制及动效设计上达到专业设计师水准。\n\n其独特亮点在于提供了多种可切换的风格模式：既有适合高端产品的\"soft-skill\"（柔和高级风）和\"minimalist-skill\"（极简编辑风），也有极具个性的\"brutalist-skill\"（粗野主义风）。此外，它还包含\"output-skill\"以杜绝 AI 偷懒省略代码，并允许用户通过调整参数自定义设计的实验性、动效强度及视觉密度。无论是从零构建新项目，还是重构现有界面的设计缺陷，taste-skill 都能帮助开发者高效获得美观且可用的前端代码。","# Taste Skill\n\n\u003Cp>\n  \u003Ca href=\"https:\u002F\u002Ftasteskill.dev\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FOfficial_Website-tasteskill.dev-black?style=for-the-badge&logo=vercel\" alt=\"Official Website\" \u002F>\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\nA collection of skills that improve how AI tools write frontend code. Instead of generating generic, boring interfaces, the AI builds modern, premium designs with proper animations, spacing, and visual quality.\n\n[![Agent Skills](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FAgent_Skills-Compatible-blue?style=flat-square)](https:\u002F\u002Fgithub.com\u002Fvercel-labs\u002Fagent-skills)\n[![GitHub stars](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FLeonxlnx\u002Ftaste-skill?style=flat-square&color=yellow)](https:\u002F\u002Fgithub.com\u002FLeonxlnx\u002Ftaste-skill\u002Fstargazers)\n[![AI Supported](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FAI_Supported-Cursor_%7C_Claude_%7C_Antigravity-black?style=flat-square)](#)\n[![Premium UI](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FDesign-Premium_Frontend-white?style=flat-square&color=gray)](#)\n\n## Taste Skill v2 Beta\n\nA major update is in progress. If you want early access, sign up for the beta:\n\n[Join the Waitlist](https:\u002F\u002Ftasteskillv2.vercel.app\u002F)\n\n## Feedback & Contributions\n\nI'd love to hear your thoughts! If you have suggestions or find any bugs:\n\n- Open a Pull Request or Issue right here on GitHub\n- DM me on [x.com\u002Flexnlin](https:\u002F\u002Fx.com\u002Flexnlin)\n- Email me at [hello@learn2vibecode.dev](mailto:hello@learn2vibecode.dev)\n\n## Installing\n\nWorks via CLI for all major AI coding agents (Cursor, Antigravity, Claude Code, Codex, Windsurf, Copilot, etc.):\n\n```bash\nnpx skills add https:\u002F\u002Fgithub.com\u002FLeonxlnx\u002Ftaste-skill\n```\n\n## Skills\n\n| Skill | Description |\n| --- | --- |\n| **taste-skill** | The main design skill for premium frontend code. Covers layout, typography, colors, spacing, and motion. |\n| **redesign-skill** | For upgrading existing projects by auditing and fixing design problems first. |\n| **soft-skill** | Focuses on an expensive, soft UI look with premium fonts, whitespace, depth, and smooth spring animations. |\n| **output-skill** | Stops the AI from being lazy. Prevents placeholder comments, skipped code blocks, and half-finished outputs. |\n| **minimalist-skill** | For clean, editorial-style interfaces inspired by tools like Notion and Linear. Monochrome, crisp borders. |\n| **brutalist-skill** | ⚠️ `BETA` Raw mechanical interfaces fusing Swiss typographic print with CRT terminal aesthetics. |\n| **stitch-skill** | Google Stitch-compatible semantic design rules for premium AI UI generation. Includes DESIGN.md for export. |\n\n## Settings (taste-skill only)\n\nThe taste skill has three settings at the top of the file. Change these numbers (1-10) depending on what you're building:\n\n- **DESIGN_VARIANCE** — How experimental the layout is. (1-3: Clean\u002Fcentered | 8-10: Asymmetric\u002Fmodern)\n- **MOTION_INTENSITY** — How much animation there is. (1-3: Simple hover | 8-10: Magnetic\u002Fscroll-triggered)\n- **VISUAL_DENSITY** — How much content fits on one screen. (1-3: Spacious\u002Fluxury | 8-10: Dense dashboards)\n\n## Examples\n\nCreated with taste-skill:\n\n\u003Cp>\n  \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002FLeonxlnx_taste-skill_readme_c250dd801dcf.webp\" width=\"400\" \u002F>\n  \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002FLeonxlnx_taste-skill_readme_494aec8ff020.webp\" width=\"400\" \u002F>\n\u003C\u002Fp>\n\n## Support the project\n\nIf you find **taste-skill** useful, consider sponsoring the development.\n\n[Sponsor on GitHub](https:\u002F\u002Fgithub.com\u002Fsponsors\u002FLeonxlnx)\n\n### Current Sponsors\n\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fu2393696078-rgb\">\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002FLeonxlnx_taste-skill_readme_0d27f419f858.png\" width=\"40\" height=\"40\" style=\"border-radius:50%\" alt=\"u2393696078-rgb\" title=\"u2393696078-rgb\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fmccun934\">\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002FLeonxlnx_taste-skill_readme_1b30a1a28799.png\" width=\"40\" height=\"40\" style=\"border-radius:50%\" alt=\"mccun934\" title=\"mccun934\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fsupply-guy\">\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002FLeonxlnx_taste-skill_readme_7c415f15cb1b.png\" width=\"40\" height=\"40\" style=\"border-radius:50%\" alt=\"supply-guy\" title=\"supply-guy\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fghughes7\">\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002FLeonxlnx_taste-skill_readme_001f050a9dbf.png\" width=\"40\" height=\"40\" style=\"border-radius:50%\" alt=\"ghughes7\" title=\"ghughes7\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002FAtharvaJaiswal005\">\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002FLeonxlnx_taste-skill_readme_31fce7cc7bc8.png\" width=\"40\" height=\"40\" style=\"border-radius:50%\" alt=\"AtharvaJaiswal005\" title=\"AtharvaJaiswal005\" \u002F>\u003C\u002Fa>\n\n## Research\n\nBackground research that informed how these skills were built. See the [research](research\u002F) folder.\n\n## Common Questions\n\n**How is this different from other AI design skills?**\nTaste Skill includes 7 specialized variants instead of a single file, a 3-dial parameterization system for adjustable output, and anti-repetition rules backed by original research. It is framework-agnostic and works across all major agents.\n\n**Does it work with React, Vue, Svelte, etc.?**\nYes. Taste Skill is framework-agnostic. The rules focus on design decisions, not framework-specific code patterns.\n\n**What is a SKILL.md file?**\nA portable instruction file that AI coding agents detect and follow automatically. No configuration is needed, just install it and your agent reads it.\n","# 味觉技能\n\n\u003Cp>\n  \u003Ca href=\"https:\u002F\u002Ftasteskill.dev\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FOfficial_Website-tasteskill.dev-black?style=for-the-badge&logo=vercel\" alt=\"官方网站\" \u002F>\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n这是一套能够提升 AI 工具编写前端代码质量的技能集合。它不会生成千篇一律、乏味无趣的界面，而是会构建现代感十足、具备精美动画、合理间距和高视觉品质的高端设计。\n\n[![Agent Skills](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FAgent_Skills-Compatible-blue?style=flat-square)](https:\u002F\u002Fgithub.com\u002Fvercel-labs\u002Fagent-skills)\n[![GitHub 星标](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FLeonxlnx\u002Ftaste-skill?style=flat-square&color=yellow)](https:\u002F\u002Fgithub.com\u002FLeonxlnx\u002Ftaste-skill\u002Fstargazers)\n[![支持的 AI](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FAI_Supported-Cursor_%7C_Claude_%7C_Antigravity-black?style=flat-square)](#)\n[![优质 UI](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FDesign-Premium_Frontend-white?style=flat-square&color=gray)](#)\n\n## 味觉技能 v2 测试版\n\n重大更新正在进行中。如果您想抢先体验，请注册参与测试：\n\n[加入候补名单](https:\u002F\u002Ftasteskillv2.vercel.app\u002F)\n\n## 反馈与贡献\n\n非常欢迎您的宝贵意见！如果您有任何建议或发现任何问题：\n\n- 请直接在 GitHub 上提交 Pull Request 或 Issue\n- 在 [x.com\u002Flexnlin](https:\u002F\u002Fx.com\u002Flexnlin) 私信我\n- 发送邮件至 [hello@learn2vibecode.dev](mailto:hello@learn2vibecode.dev)\n\n## 安装\n\n可通过 CLI 用于所有主流 AI 编码助手（Cursor、Antigravity、Claude Code、Codex、Windsurf、Copilot 等）：\n\n```bash\nnpx skills add https:\u002F\u002Fgithub.com\u002FLeonxlnx\u002Ftaste-skill\n```\n\n## 技能列表\n\n| 技能 | 描述 |\n| --- | --- |\n| **taste-skill** | 主要的设计技能，用于生成高端前端代码。涵盖布局、排版、颜色、间距和动效。 |\n| **redesign-skill** | 用于升级现有项目，先进行设计问题的审计与修复。 |\n| **soft-skill** | 聚焦于昂贵而柔和的 UI 风格，采用高端字体、留白、层次感以及流畅的弹簧动画效果。 |\n| **output-skill** | 防止 AI 懒惰。避免占位注释、跳过代码块以及半成品输出。 |\n| **minimalist-skill** | 适用于简洁、编辑风格的界面，灵感来自 Notion 和 Linear 等工具。单色设计，边缘清晰锐利。 |\n| **brutalist-skill** | ⚠️ `BETA` 原始机械风界面，融合瑞士排版印刷与 CRT 终端美学。 |\n| **stitch-skill** | 兼容 Google Stitch 的语义化设计规则，用于生成高端 AI 界面。包含 DESIGN.md 文件以便导出。 |\n\n## 设置（仅限 taste-skill）\n\ntaste-skill 在文件顶部设有三个设置项。根据您正在开发的内容，可调整这些数值（1–10）：\n\n- **DESIGN_VARIANCE** — 布局的实验性程度。（1–3：整洁居中 | 8–10：不对称\u002F现代）\n- **MOTION_INTENSITY** — 动画的丰富程度。（1–3：简单的悬停效果 | 8–10：磁性\u002F滚动触发的动效）\n- **VISUAL_DENSITY** — 单屏内容的密集程度。（1–3：宽敞奢华 | 8–10：紧凑型仪表盘）\n\n## 示例\n\n使用 taste-skill 创建：\n\n\u003Cp>\n  \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002FLeonxlnx_taste-skill_readme_c250dd801dcf.webp\" width=\"400\" \u002F>\n  \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002FLeonxlnx_taste-skill_readme_494aec8ff020.webp\" width=\"400\" \u002F>\n\u003C\u002Fp>\n\n## 支持本项目\n\n如果您觉得 **taste-skill** 很有用，请考虑赞助其开发。\n\n[在 GitHub 上赞助](https:\u002F\u002Fgithub.com\u002Fsponsors\u002FLeonxlnx)\n\n### 当前赞助者\n\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fu2393696078-rgb\">\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002FLeonxlnx_taste-skill_readme_0d27f419f858.png\" width=\"40\" height=\"40\" style=\"border-radius:50%\" alt=\"u2393696078-rgb\" title=\"u2393696078-rgb\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fmccun934\">\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002FLeonxlnx_taste-skill_readme_1b30a1a28799.png\" width=\"40\" height=\"40\" style=\"border-radius:50%\" alt=\"mccun934\" title=\"mccun934\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fsupply-guy\">\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002FLeonxlnx_taste-skill_readme_7c415f15cb1b.png\" width=\"40\" height=\"40\" style=\"border-radius:50%\" alt=\"supply-guy\" title=\"supply-guy\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fghughes7\">\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002FLeonxlnx_taste-skill_readme_001f050a9dbf.png\" width=\"40\" height=\"40\" style=\"border-radius:50%\" alt=\"ghughes7\" title=\"ghughes7\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002FAtharvaJaiswal005\">\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002FLeonxlnx_taste-skill_readme_31fce7cc7bc8.png\" width=\"40\" height=\"40\" style=\"border-radius:50%\" alt=\"AtharvaJaiswal005\" title=\"AtharvaJaiswal005\" \u002F>\u003C\u002Fa>\n\n## 研究\n\n这些技能的构建基于背后的研究工作。详情请参阅 [research\u002F](research\u002F) 文件夹。\n\n## 常见问题\n\n**与其他 AI 设计技能相比，它有何不同？**\n味觉技能包含 7 种专门变体，而非单一文件；提供三旋钮参数化系统以灵活调整输出；并基于原创研究制定了防重复规则。它不依赖特定框架，可在所有主流 AI 助手中使用。\n\n**它是否适用于 React、Vue、Svelte 等框架？**\n是的。味觉技能与框架无关。其规则专注于设计决策，而非框架特有的代码模式。\n\n**什么是 SKILL.md 文件？**\n这是一种可移植的指令文件，AI 编码助手能够自动检测并遵循。无需任何配置，只需安装即可，您的助手会自行读取。","# Taste Skill 快速上手指南\n\nTaste Skill 是一套专为 AI 编程助手设计的技能集合，旨在让 AI 生成具有现代感、高端设计质感的前端代码（包含合理的动画、间距和视觉细节），告别通用且枯燥的界面。\n\n## 环境准备\n\n*   **系统要求**：支持所有主流操作系统（Windows, macOS, Linux）。\n*   **前置依赖**：\n    *   已安装 **Node.js** (推荐 v18+)，以便使用 `npx` 命令。\n    *   正在使用支持 Agent Skills 的 AI 编程工具，例如：**Cursor**, **Claude Code**, **Antigravity**, **Windsurf**, **GitHub Copilot** 等。\n*   **网络提示**：该工具托管于 GitHub。如果在中国大陆地区访问 GitHub 或 npm 源较慢，建议配置国内镜像源或使用网络加速工具以确保安装顺利。\n\n## 安装步骤\n\n在终端中运行以下命令，将 Taste Skill 添加到你的 AI 代理环境中：\n\n```bash\nnpx skills add https:\u002F\u002Fgithub.com\u002FLeonxlnx\u002Ftaste-skill\n```\n\n安装完成后，AI 代理会自动识别并加载相关的 `.md` 技能文件，无需额外配置。\n\n## 基本使用\n\n安装成功后，你只需在对话中直接指示 AI 使用特定的技能风格即可。以下是几种最常用的场景：\n\n### 1. 生成高端前端界面\n请求 AI 使用主技能生成代码，它将自动应用布局、排版、颜色和动效规则。\n\n> **提示词示例：**\n> \"请使用 **taste-skill** 为我创建一个落地页，包含英雄区域和功能介绍。\"\n\n### 2. 切换设计风格\nTaste Skill 包含多种变体，你可以指定特定风格：\n\n*   **柔和高端风**：\n    > \"使用 **soft-skill** 生成一个设置面板，需要昂贵的软 UI 质感和弹簧动画。\"\n*   **极简编辑风**：\n    > \"使用 **minimalist-skill** 设计一个仪表盘，参考 Notion 风格，单色且边框清晰。\"\n*   **重构现有项目**：\n    > \"使用 **redesign-skill** 审计并优化当前项目的首页设计。\"\n\n### 3. 调整设计参数（进阶）\n对于主技能 `taste-skill`，你可以在提示词中指定三个维度的强度（1-10）：\n\n*   **DESIGN_VARIANCE** (布局实验性): 1-3 (规整居中) | 8-10 (不对称\u002F现代)\n*   **MOTION_INTENSITY** (动画强度): 1-3 (简单悬停) | 8-10 (磁吸\u002F滚动触发)\n*   **VISUAL_DENSITY** (内容密度): 1-3 (宽松\u002F奢华) | 8-10 (密集数据看板)\n\n> **提示词示例：**\n> \"使用 **taste-skill** 生成一个数据大屏，设置 DESIGN_VARIANCE 为 9，MOTION_INTENSITY 为 8，VISUAL_DENSITY 为 9。\"\n\n### 4. 防止代码偷懒\n如果担心 AI 省略代码，可以强制启用输出约束：\n\n> \"请使用 **output-skill** 编写完整的组件代码，不要包含任何占位符注释或跳过任何逻辑块。\"","一位独立开发者正利用 Cursor 快速构建一个 SaaS 产品的落地页，希望在几小时内完成从原型到高品质界面的交付。\n\n### 没有 taste-skill 时\n- **界面平庸乏味**：AI 生成的布局千篇一律，充斥着通用的卡片和按钮，缺乏品牌辨识度，看起来像廉价的模板。\n- **细节粗糙缺失**：缺少精致的间距（Spacing）和排版层次，字体大小随意，整体视觉显得拥挤且不够专业。\n- **交互死板生硬**：几乎没有动画效果，或者只有简单的 hover 变色，缺乏现代网页应有的流畅感和“高级感”。\n- **代码完成度低**：AI 倾向于偷懒，常用 `\u003C!-- 此处省略代码 -->` 或占位符敷衍了事，导致开发者需要手动补全大量逻辑。\n\n### 使用 taste-skill 后\n- **设计高端精致**：taste-skill 强制 AI 采用现代审美，自动生成具有不对称布局、优质留白和协调配色的 premium 级界面。\n- **排版严谨规范**：自动应用专业的字体系统和严格的间距规则，确保内容层级清晰，视觉效果瞬间提升至商业级水准。\n- **动效自然流畅**：根据设定的 `MOTION_INTENSITY`，自动添加磁吸效果、滚动触发动画等细腻交互，让页面充满活力。\n- **输出完整可靠**：得益于 `output-skill` 的约束，AI 不再输出占位符，而是提供完整、可运行的代码块，大幅减少人工修补时间。\n\ntaste-skill 将 AI 从“只会写功能代码的初级程序员”转变为“具备顶级审美的高级前端设计师”，让原型即成品成为现实。","https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002FLeonxlnx_taste-skill_c250dd80.webp","Leonxlnx","Leon Lin","https:\u002F\u002Foss.gittoolsai.com\u002Favatars\u002FLeonxlnx_46802a58.png","i like to build stuff",null,"Munich","https:\u002F\u002Fgithub.com\u002FLeonxlnx",8286,850,"2026-04-13T19:59:18",1,"未说明",{"notes":86,"python":84,"dependencies":87},"该工具并非独立运行的 AI 模型，而是一组用于提升 AI 编程助手（如 Cursor, Claude Code, Copilot 等）前端代码生成质量的指令集（Skills）。安装需通过 npx 命令行工具运行，依赖已安装的 AI 代理环境。无需本地 GPU、特定 Python 版本或大型模型下载。",[88,89],"npx (Node.js)","Agent Skills (vercel-labs\u002Fagent-skills)",[15,14,13],[92,93,94,95,96,97,98,99],"agent","ai","coding","lowcode","nocode","skill","skills","vibecoding","2026-03-27T02:49:30.150509","2026-04-14T12:31:39.735408",[],[]]