即刻App年轻人的同好社区
下载
App内打开
阿良--
100关注10被关注0夸夸
阿良--
5天前
可以一试

AI柿子: 前两天看到阿西老师分享的GitHub 上这两个项目,专门解决这个前端AI味的问题,实测后发现确实能把 AI 的审美拉到可用水平 taste-skill:给 AI 装审美自查系统 GitHub 地址:https://github.com/Leonxlnx/taste-skill 这个项目的核心思路很简单:不是等 AI 生成完再改,而是在生成之前就把“什么是好设计”写成规则 它把字体、间距、配色、动效这些审美规则,全部写成了 SKILL.md 文件,AI 在生成前端代码时会先按这套规则自查一遍 快速上手: # 方式1:CLI 安装(推荐) npx skills add https://github.com/Leonxlnx/taste-skill # 方式2:手动复制 # 直接把 SKILL.md 文件复制到项目根目录 它能解决什么问题: 自动避开 AI 默认模板:不再是清一色的 AI-purple 渐变、居中英雄区、三等分特性卡片 强制视觉多样性:Bento 网格布局中,至少 2-3 个单元格必须有真实图片或品牌渐变 字体选择克制:默认禁用衬线字体,除非有明确的品牌需求 impeccable:23 条命令 + 反模式库 GitHub 地址:https://github.com/pbakaus/impeccable 官网:https://impeccable.style 这个项目由前 Google 开发者布道师 Paul Bakaus 创建,基于 Anthropic 的 frontend-design 技能扩展而来 它不只是规则库,更像是一套“设计指挥系统”,内置 23 个斜杠命令,让你能用专业术语指导 AI 核心命令清单: /impeccable init - 初始化项目,生成 PRODUCT.md 和 DESIGN.md /audit - 审查当前设计,找出 AI 味问题 /polish - 精修界面细节 /critique - 批判性审查 /distill - 简化冗余设计 /animate - 添加克制的动效 /bolder - 增强视觉层级 /quieter - 降低视觉噪音 快速部署: # 安装到项目 npx impeccable skills install # 初始化设计系统 # 在 Cursor 或 Claude Code 中运行 /impeccable init # 扫描现有代码的设计问题 npx impeccable detect src/ npx impeccable detect index.html npx impeccable detect https://example.com # 快速扫描(仅正则,输出 JSON) npx impeccable detect --fast --json . 反模式检测器: impeccable 内置了 41 条确定性检测规则,能自动识别: AI 常见陋习:侧边栏边框、紫色渐变、bounce 缓动、深色光晕 通用设计问题:行长过长、内边距拥挤、触摸目标过小、跳过标题层级 这两个项目的出现,从产品本质上是把设计决策变成了工程规则 对于独立开发者和小团队来说,这意味着你可以用 AI 的速度,输出接近专业设计师的质量,不用再花时间手动调 padding、纠结配色、反复改字体了

00
阿良--
8天前
念头通达
00
阿良--
25天前
Claude Code 装上"代码地图",Token 直降 35%, 项目越大收益越明显
项目地址:github.com/colbymchenry/codegraph
01
阿良--
26天前
公司推动大家使用 ai 每天可以免费使用 2 亿 token😀
00
阿良--
1月前
以前我以为 SEO 是研究关键词,后来才明白,SEO 是研究用户。
关键词只是用户留下的痕迹,需求才是用户真正想走的路。
只围绕关键词写文章,容易离排名更近,却离用户更远。
真正的 SEO,不是把关键词塞进文章,而是把用户的问题装进心里。
流量是结果,信任才是原因。
SEO 的本质,不是获取访问量,而是解决用户在决策路上的每一个疑问。
当我们只看搜索量时,看到的是数字;当我们看用户需求时,看到的才是生意。
扩展关键词是手段,理解用户才是方向。方向错了,手段越熟练,偏得越远。
好的 SEO 内容,不是为了让搜索引擎喜欢,而是让用户看完后少一个顾虑。
真正有价值的内容,不是回答“这个词怎么排上去”,而是回答“这个人为什么还不敢下单”。
SEO 做到最后,不是在优化页面,而是在优化用户的信任路径。
别只问这个关键词有没有流量,要问搜索它的人有没有痛点、有没有场景、有没有决策。
关键词能带来访问,需求才能带来转化。
过去我追着关键词跑,现在我开始追着用户的问题走。
真正的 SEO,不是离 Google 更近,而是离用户更近
00
阿良--
2月前
真的假的😲

郦橙锦妖Vanessa: 几行prompt,让你的DeepSeek v4 pro胜过Opus 4.7! X上看到有人分析了DeepSeek v4 pro在工具调用上出现的问题,好消息是这些错误不多且是有固定模式的,打个补丁就能有效改善。原作者说在他们自己内部的eval上,改良后的DS,10次中有6次胜过Opus 4.7。 因为我自己用的是Hermes,在不fork harness来改的情况下,我能动的只有system prompt。所以应该达不到原文中战胜Opus的程度,可能能打个平手吧。我让AI协助我梳理了一些在system prompting层就可以修改的点,可以直接放到你的agent里使用(经过Opus 4.7和Gemini两重校验): # Tool Calling Rules When calling tools, follow these rules strictly. They override any conflicting habits from chat training. ## Argument formatting 1. **Omit optional fields you don't need.** Do not send `null`, `""`, `{}`, or `[]` as a placeholder. If a field is optional and you have no value, leave it out of the JSON entirely. 2. **Match the container type exactly.** - Array fields take JSON arrays: `["a", "b"]`, never `"[\"a\",\"b\"]"` (string), never `{}` (object), never `"foo"` (bare string). - Single-element arrays still need brackets: `["foo"]`, not `"foo"`. - Object fields take JSON objects, not arrays or strings. 3. **Strings are raw strings.** Do not wrap values in extra quotes, code fences, or markdown. 4. **Numbers and booleans are unquoted.** `30`, not `"30"`. `true`, not `"true"`. ## Paths and identifiers 5. **File paths, URLs, IDs, and similar fields go to system functions, not chat output.** Never format them as markdown links, never wrap them in backticks, never add explanatory parentheses. Correct: `"/Users/me/notes.md"` Wrong: `"[notes.md](http://notes.md)"` Wrong: `` "`/Users/me/notes.md`" `` Wrong: `"/Users/me/notes.md (the notes file)"` 6. **If a tool description says "path", treat it as input to a filesystem call.** No formatting, no decoration. ## Related parameters 7. **When a tool has paired parameters (e.g., offset + limit, start + end, from + to), provide both or neither.** Read the description — if two fields work together, half the pair often produces an error. ## Recovery 8. **If a tool returns a validation error, read the error message carefully and fix only what it complains about.** Do not rewrite the whole call. Do not retry the same arguments. 9. **If a tool returns a "Note:" with a defaulted value, that's informational, not an error.** Continue the task. If the default is wrong, retry with the correct explicit value. ## Tool selection 10. **Use the tool whose description matches your intent most specifically.** Don't reach for `shellCommand` if a dedicated tool exists. Don't reach for `execute_code` for things a single tool call can handle.

00
阿良--
2月前
找词,挖掘需求快疯了!
00
阿良--
3月前
UI 设计

Coolbat: 最近做前端页面来来回回修改,刚好在x上看到一个前端页面design skills,分析一下,我只用ui-ux-pro-max-skill 和frontend-design,其他有宝子用过的可以分享一下效果 1. Impeccable 增强版 frontend-design skill,17 个设计命令(/polish、/audit、/distill 等)。 impeccable.style 2. UI Skills 包含 15 个独立 skills:baseline-ui(Tailwind 设计一致性)、fixing-accessibility(无障碍审计)、fixing-metadata(SEO 元数据)、fixing-motion-performance(动画性能)、12-principles-of-animation(迪士尼动画原则)等。 ui-skills.com 3. Taste Skill 包含 taste-skill(前端设计)、redesign-skill(升级现有项目)、output-skill(强制 AI 写完整代码)、soft-skill(让东西看起来和感觉昂贵。涵盖高级字体、宽阔的空白、层叠的卡片设计、流畅的弹簧动画以及漂浮导航。)。 https://github.com/Leonxlnx/taste-skill 4. Better Icons MCP server + skill,搜索并获取 20 万+ 图标,支持自动学习常用图标库,直接同步到项目 icons 文件。 https://github.com/better-auth/better-icons 5. UI Design Brain 60+ 组件最佳实践库,包含布局模式、无障碍规则和反模式,支持 5 种设计风格(SaaS、极简、企业、创意、数据仪表盘)。 https://github.com/carmahhawwari/ui-design-brain 6. AI kit by Motion ($299) Motion+ 会员专属,包含动画专家 skill、性能审计、CSS spring 生成、过渡可视化和文档搜索工具。 motion.dev/docs/ai-kit 7. UI UX Pro Max 包含 50+ 设计风格、97 种配色方案和 9 种技术栈,提供全面的 UI/UX 设计智能。 https://github.com/nextlevelbuilder/ui-ux-pro-max-skill 8. Anthropic frontend-design Anthropic 官方 skills 仓库,包含创意设计、技术开发、企业沟通等多类示例 skills,以及文档处理 skills(docx、pdf、pptx、xlsx)。 https://github.com/anthropics/skills 9. Vercel web design guidelines Vercel 官方 skills 集合,其中 web-design-guidelines 包含 100+ UI 审计规则。 https://github.com/vercel-labs/agent-skills 10. Designer Skills Collection 63 个 skills 和 27 个命令,涵盖 8 个插件:用户研究、设计系统、UX 策略、UI 设计、交互设计、原型测试、设计运营和设计工具包。 https://github.com/Owl-Listener/designer-skills 11. Emil Skills ($99) http://animation.dev 推出的动效 skills,需要单独付费。 https://animations.dev/learn/emil-skill 12. Skills by InterfaceCraft ($199) 需要购买这个课程才能使用。 https://interfacecraft.dev 来源x dingyi

00