该技能定位为前端工作的入口。开始处理前端任务时，先查看相关实现上下文，再按需加载适用的指引，而不是一次性使用全部内容。
用途与路由：对 HTML、JSX/TSX、Twig、Astro、Vue、Svelte、Lit、MDX 等生成标记的代码，读取 references/semantic-html.md；需要决定元素或标题时，使用 references/semantic-html-element-decision-trees.md 与 references/semantic-html-heading-patterns.md。对 CSS、Sass/Less、CSS 模块、scoped 样式、CSS-in-JS、布局、响应式、动效、颜色、焦点状态或选择器，读取 references/css-authoring.md 与 references/css-patterns.md。涉及表单、认证、不可信输入、浏览器存储、URL、HTML 注入、API 调用、上传等安全敏感的浏览器流程时，加载 frontend-security 技能。涉及行为变更、无障碍检查、视觉变更或回归覆盖时，加载 frontend-testing 技能。建立新的或基础性的自定义属性系统时，若已安装 css-tokens 技能则加载它；否则在本地用显式回退值定义所需 token。
工作原则：改动前先检查现有组件、模板、样式与项目约定；优先使用原生 HTML 与浏览器能力，而非自定义替代方案；保持语义、行为、视觉样式与验证一致，但不过度耦合；在安全指引明确之前，将用户可控数据和服务端提供的数据视为不可信；添加聚焦测试，以保护被改动的用户可见行为与无障碍契约。
适用场景为需要构建、审查或重构浏览器前端的工作。限制方面，公开资料未提供具体收费、平台支持范围或效果说明。