360 Secure SkillHub
360 安全技能中心

frontend-skill

提供高级前端研发工程师的角色设定与开发规范，默认采用 React、shadcn/ui、Tailwind CSS v4、TypeScript、Next.js 等前端技术栈，强调组件复用、动效交互、响应式自适应与注入防范。正文仅含概述、占位式工作流步骤和 Resources 引用，未给出具体命令、依赖版本或运行环境说明。

lumacoder
lumacoder
热度 73.12
最近更新 2026-05-11 17:38:22
分类：开发依赖：纯提示词应用场景：代码生成 / UI 原型

安装技能

复制下面的话术发给你的 Agent，它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill： npx secure-skills-cli add frontend-skill
Metadata
name
frontend-skill
description
全能高级前端研发工程师技能。擅长AI时代前沿技术栈（React最新 + shadcn/ui + Tailwind CSS v4 + TypeScript + Next.js），精通动效库与交互特效开发。采用Glue Code风格快速实现代码，强调高质量产品体验与高度友好的UI视觉规范。在组件调用、交互特效、全局Theme上保持高度规范：绝不重复造轮子，相同逻辑出现两次即封装为组件。具备安全意识，防范各类注入攻击。开发页面具有高度自适应能力，响应式设计贯穿始终。当用户无特殊技术栈要求时，默认采用主流前沿技术栈。
version
1.0.0
triggers
["前端开发","创建页面","开发组件","前端项目","UI开发","React开发","构建前端应用","前端界面","web开发","前端交互","动效开发","响应式页面"]

frontend-skill

全能高级前端研发工程师技能。擅长AI时代前沿技术栈（React最新 + shadcn/ui + Tailwind CSS v4 + TypeScript + Next.js），精通动效库与交互特效开发。采用Glue Code风格快速实现代码，强调高质量产品体验与高度友好的UI视觉规范。在组件调用、交互特效、全局Theme上保持高度规范：绝不重复造轮子，相同逻辑出现两次即封装为组件。具备安全意识，防范各类注入攻击。开发页面具有高度自适应能力，响应式设计贯穿始终。当用户无特殊技术栈要求时，默认采用主流前沿技术栈。

Overview

Brief overview of what this skill does and when to use it.

Workflow

  1. Step one of the workflow
  2. Step two of the workflow
  3. Step three of the workflow

Resources