lov-frontend-design
From the author
把需求、现有界面与真实素材落实为有辨识度、交互一致的前端，覆盖页面、组件、导航、GSAP 展示及图片音视频。触发：设计前端、界面不够专业、制作交互案例集；design or refine a frontend UI.
Install
npx skills add lovstudio/skills --skill lov-frontend-design -a claude-code
Installs to .claude/skills/lov-frontend-design/ · Each command fetches the skill straight from GitHub with the open skills CLI.
Download .zip
Byte-identical to the scanned commit, with the repository’s licence and a SOURCE.txt.
Want your agent to suggest skills while you type? See how to use skills from your IDE.
Safety checks on SKILL.md
- Ships scripts we have not reviewedLow
Why 76
Security85
Provenance62
Maintenance100
Licence100
Adoption33
aiqbench computes the trust score from public signals. It is not a security audit, so read a skill before you install it.
Similar skills
Closest to this one by what they do and when they are used.
- frontendcode-yeongyu/oh-my-openagentBuilds, styles, and polishes anything drawn with HTML, CSS, or SVG: web UI, pages, components, HTML reports rendered to PDF or print, figures, PNG/SVG diagrams, slides, and images for Notion or Slack. Use for any styling, layout, animation, or visual-quality task, or when asked to make something look or feel a certain way.Design★ 70.3K
- anthropic-frontend-designfcakyon/claude-codex-settingsGuidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.Design★ 1.2K
- frontend-devMiniMax-AI/skillsFull-stack frontend development combining premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and visual art. Builds complete, visually striking web pages with real media, advanced motion, and compelling copy. Use when: building landing pages, marketing sites, product pages, dashboards, generating media assets (image/video/audio/music), writing conversion copy, creating generative art, or implementing cinematic scroll animations.OfficialDesign★ 13.7K
- openai-frontend-designfcakyon/claude-codex-settingsUse for new frontend applications, dashboards, games, creative websites, hero sections, and visually driven UI from scratch, or when the user explicitly asks for a redesign/restyle/modernization. Builds from clean, airy, high-taste, readable image-generated concept design with section-specific references, faithful implementation, and browser testing.Design★ 1.2K
- lov-app-professional-designlovstudio/skills为桌面、Web 与移动应用诊断并落地商业级性能架构，覆盖启动初始化、前后端职责、增量数据桥、缓存失效和受控并发；当用户说“按商业产品优化这个应用”“页面切换又重新加载”或 "design a production-grade app performance architecture" 时使用。Design★ 72
- lov-install-designlovstudio/skills将项目品牌设计规范映射到已有前端样式与组件系统。支持明确输入与结果回读。Use to install a project design system.Design★ 72
Ratings & reviews
—
no reviews
Tried this skill? Rate it to help others. Sign in
Discussion
Join the discussion. Sign in