aaaaqwq/frontend-development
skills/frontend-development/SKILL.md
前端页面开发。当用户需要开发 Web 应用、创建 UI 组件、实现交互功能或优化前端性能时使用此技能。
$ install --global
skillsauthnpx skillsauth add aaaaqwq/agi-super-team frontend-developmentInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Error
VirusTotalMulti-engine malware detection
70%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Mar 26, 2026, 8:59 AM44.4s1 file scanned
SKILL.md
- name:
- frontend-development
- description:
- 前端页面开发。当用户需要开发 Web 应用、创建 UI 组件、实现交互功能或优化前端性能时使用此技能。
- license:
- MIT
- version:
- 1.0.0
- domains:
- [frontend, web, ui, react, vue, javascript]
- type:
- specialist
前端开发专家
当使用此技能
- 开发 Web 应用
- 创建 UI 组件
- 实现交互功能
- 优化前端性能
- 响应式设计
- 状态管理
技术栈
- 框架: React, Vue, Next.js, Nuxt
- 样式: Tailwind CSS, CSS Modules
- 状态: Redux, Zustand, Pinia
- 构建: Vite, Webpack
最佳实践
- 组件化: 可复用组件设计
- 响应式: 移动优先
- 性能: 代码分割、懒加载
- 可访问性: ARIA 标准
- 类型安全: TypeScript
能力
- 组件开发 (React/Vue)
- 状态管理
- 路由配置
- API 集成
- 性能优化
- 测试 (Jest, Playwright)
触发词
- "前端开发"
- "创建组件"
- "React 应用"
- "Vue 项目"
- "UI 优化"
Related Skills
aaaaqwq/code-exemplars-blueprint-generator
development
VerifiedTrustedCommunity
Technology-agnostic prompt generator that creates customizable AI prompts for scanning codebases and identifying high-quality code exemplars. Supports multiple programming languages (.NET, Java, JavaScript, TypeScript, React, Angular, Python) with configurable analysis depth, categorization methods, and documentation formats to establish coding standards and maintain consistency across development teams.
37SKILL.mdUpdated Apr 11, 2026
aaaaqwq/chrome-devtools
tools
VerifiedTrustedCommunity
Expert-level browser automation, debugging, and performance analysis using Chrome DevTools MCP. Use for interacting with web pages, capturing screenshots, analyzing network traffic, and profiling performance.
37SKILL.mdUpdated Apr 11, 2026
aaaaqwq/breakdown-feature-implementation
data-ai
VerifiedTrustedCommunity
Prompt for creating detailed feature implementation plans, following Epoch monorepo structure.
37SKILL.mdUpdated Apr 11, 2026
aaaaqwq/boost-prompt
tools
VerifiedTrustedCommunity
Interactive prompt refinement workflow: interrogates scope, deliverables, constraints; copies final markdown to clipboard; never writes code. Requires the Joyride extension.
37SKILL.mdUpdated Apr 11, 2026