acefrost511/frontend-design
skills/frontend-design/SKILL.md
Create distinctive, production-grade frontend interfaces with high design quality. For web components, pages, applications.
development
Updated Apr 3, 2026
$ install --global
skillsauthnpx skillsauth add acefrost511/workmemory frontend-designInstall 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%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 3, 2026, 10:22 PM342.2s1 file scanned
SKILL.md
- name:
- frontend-design
- description:
- Create distinctive, production-grade frontend interfaces with high design quality. For web components, pages, applications.
frontend-design
功能
创建独特、生产级的前端界面，具备高设计质量。
触发条件
用户要求构建：网页组件、页面、应用、海报等
设计思维
- Purpose：界面解决什么问题？谁是用户？
- Tone：选择风格（极简/极繁/复古/奢华/杂志风等）
- Constraints：技术要求
- Differentiation：什么让人难忘？
前端美学指南
Typography
- 选择独特字体，避免Inter/Arial
- 配对：独特显示字体 + 精致正文字体
Color & Theme
- 主导色 + 锐利点缀 > 平淡配色
- 使用CSS变量
Motion
- CSS优先
- 高impact动画：页面加载交错reveal
空间构成
- 不对称/重叠/对角线
- 负空间 OR 控制密度
禁止的AI美学
- 滥用Inter/Roboto字体
- 紫渐变白底
- 可预测布局
执行
- 生产级可用
- 视觉震撼
- 细节精雕
Related Skills
acefrost511/xlsx
development
VerifiedTrustedCommunity
Create, edit, analyze spreadsheets (.xlsx, .xlsm, .csv). Formulas, formatting, data analysis.
SKILL.mdUpdated Apr 3, 2026
acefrost511/self-improving-agent
testing
VerifiedTrustedCommunity
Self-improving agent system that analyzes conversation quality, identifies improvement opportunities, and continuously optimizes response strategies.
SKILL.mdUpdated Apr 3, 2026
acefrost511/using-superpowers
tools
VerifiedTrustedCommunity
Use when starting any conversation - establishes how to find and use skills, requiring Skill tool invocation before ANY response including clarifying questions
SKILL.mdUpdated Apr 3, 2026
acefrost511/topic-to-article-kit
documentation
VerifiedTrustedCommunity
Turn a chosen AI topic into a public-account writing package: collect evidence from X/Twitter and other sources, extract high-value comments, and produce title options + structured outline written into Obsidian. Use when user asks for topic-based research and article prep.
SKILL.mdUpdated Apr 3, 2026