frontend-developer
Build and Improve Frontend Applications
Frontend projects require coordinated setup, components, data flow, testing, and optimization. This skill provides practical workflows and templates for completing that work.
使用我的智能体安装
将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。
Review the Skillstore skill "frontend-developer" from https://skillstore.io/skills/zl2023github-frontend-developer.md and its manifest at https://skillstore.io/api/skills/zl2023github-frontend-developer/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智能体仍应展示其计划，并按安全策略请求必要确认。
Agent 可读资源
当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。
测试它
正在使用“frontend-developer”。 Build a responsive account settings page in React.
预期结果:
A typed page structure with reusable form controls, responsive states, validation behavior, accessibility details, and focused component tests.
正在使用“frontend-developer”。 Connect a Vue user list to a REST endpoint.
预期结果:
A typed service layer and list view with caching, loading feedback, empty results, request errors, and refresh behavior.
正在使用“frontend-developer”。 Reduce slow dashboard rendering.
预期结果:
A measured diagnosis covering rerenders, bundle weight, network activity, and images, followed by focused changes and repeatable verification results.
安全审计
中风险Most static alerts mistake Markdown fences, inline identifiers, and TypeScript template literals for shell execution. The network, path, and environment examples are normal frontend patterns. One semantic issue remains: the authentication examples persist bearer tokens in browser storage, where injected scripts could read them.
已确认安全问题 (1)
风险因素
⚙️ 外部命令 (29)
🌐 网络访问 (5)
📁 文件系统访问 (3)
分享与引用此报告
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。
复制报告链接
https://skillstore.io/skills/zl2023github-frontend-developer/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/zl2023github-frontend-developer?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/zl2023github-frontend-developer?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/zl2023github-frontend-developer/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/zl2023github-frontend-developer.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>学术引用 (APA · BibTeX · CFF)
APA 引用
zl2023github. (2026). frontend-developer security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/zl2023github-frontend-developer/audits/4BibTeX 引用
@techreport{zl2023github-zl2023github-frontend-developer-2026,
author = {zl2023github},
title = {frontend-developer security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/zl2023github-frontend-developer/audits/4},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "frontend-developer security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "zl2023github"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/zl2023github-frontend-developer/audits/4"
identifiers:
- type: other
value: "skillstore:zl2023github-frontend-developer:audit:4"
description: "Skillstore immutable audit report identifier"
比较变体
2 个可安装变体每位作者的技能都保持为独立的可安装项。推荐变体按 Skillstore 证据排序。
为什么此变体排名第一
zl2023github-frontend-developer
2026-09-09
Skillstore 评分
评分依据 证据置信度: 中你能构建什么
Launch a Product Interface
Create a typed frontend foundation, responsive pages, state management, API integration, and tests from an approved product specification.
Expand a Component Library
Implement reusable components with documented properties, interaction states, responsive behavior, accessibility support, and focused tests.
Complete Full-Stack Features
Connect existing backend endpoints to frontend views with typed models, loading states, error handling, caching, and validation.
试试这些提示
Create a responsive [component] in [framework]. Define typed properties and include loading, empty, error, disabled, and mobile states.
Connect [page or component] to [API endpoint]. Add typed request models, caching, loading feedback, error handling, and focused tests.
Investigate [bug and reproduction steps] in this repository. Identify the root cause, implement a focused fix, and add regression coverage.
Implement [feature] using the existing architecture. Verify responsiveness, accessibility, security, performance, type safety, tests, linting, and the production build.
最佳实践
- Provide the repository structure, framework versions, design constraints, and acceptance criteria before implementation.
- Review proposed dependencies and commands before execution, especially packages fetched from external registries.
- Require tests, linting, type checks, and a production build before accepting changes.
避免
- Do not request broad rewrites when a focused component or configuration change solves the problem.
- Do not expose credentials in frontend variables, browser storage, source code, or generated examples.
- Do not accept visual implementation without responsive, accessibility, loading, empty, and error-state checks.
常见问题
Which frontend frameworks does this skill cover?
Can it start a new frontend project?
Can it work in an existing repository?
Does it include testing support?
Will it execute package installation commands?
Does it guarantee secure authentication?
开发者详情
作者
zl2023github许可证
MIT
Skillstore 修订
r2
版本提示
作者未声明版本。
引用
88a8e9a07f4c54ab105c1c41b6267c287146b07b
维护新鲜度
2026/7/26
使用量
2 次下载 · 0 次浏览
文件结构
📄 SKILL.md