用 LangGraph 实现「设计稿转代码」：工具定义与智能体代码
在LangChain / LangGraph 工具上实现设计稿转代码技能：根据设计稿截图或标注生成页面结构代码。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →标签：前端与界面
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
按团队需求定制「图标规范整理」Skill：可调参数与改写示例
按团队需求定制图标规范整理 Skill：输出格式、详略、语气、严格程度与步骤怎么调，附 description 与步骤的改写示例。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →扣子工作流实战：搭一个前端错误兜底智能体
在扣子（Coze）智能体与工作流上实现前端错误兜底技能：为页面添加错误边界与友好的出错提示。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →「深色模式适配」Skill 场景实录：一次完整任务怎么跑
用一个虚构场景完整演示深色模式适配 Skill 的运行：从发出请求、技能触发、逐步执行到交付复核，并复盘可改进之处。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →Claude Code Skill 实战：界面微文案的目录结构与示例
在Claude Code Skill上实现界面微文案技能：为按钮、空状态、错误提示写清晰的界面文案。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →Windsurf 规则实战：Cascade 如何做页面元信息检查
在Windsurf Rules上实现页面元信息检查技能：检查页面标题、描述、结构化数据是否完整。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →AGENTS.md 小节实战：把页面结构说明变成团队共享流程
在AGENTS.md上实现页面结构说明技能：为前端页面生成结构说明，便于新人理解。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →界面微文案 Skill 如何与其他技能协作：交接格式与顺序
把界面微文案 Skill 与相关技能串成流水线：组合顺序、交接格式、三种编排方式与示意编排指令，以及链式使用的注意事项。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →「落地页搭建」Skill 不生效怎么办：症状、原因与排查步骤
落地页搭建 Skill 不触发、误触发、跳步骤、格式不稳、内容编造或工具失败时怎么办：症状对照表与排查顺序。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →用 GPTs 实现「页面性能优化」：指令、知识与 Actions
在GPTs上实现页面性能优化技能：针对加载与交互性能指标给出优化方案。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →GitHub Copilot 提示文件实现「无障碍修复」：写法与调用
在GitHub Copilot 指令与提示文件上实现无障碍修复技能：修复页面中的标签缺失、对比度与键盘可达问题。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →接口调用层生成 Skill 定制指南：改风格、改阈值、改输出格式
按团队需求定制接口调用层生成 Skill：输出格式、详略、语气、严格程度与步骤怎么调，附 description 与步骤的改写示例。适用于前端工程师的日常工作。
阅读全文 →