frontend-skill

仓库创建 2026年3月18日最近提交 1 天前SkillHot 收录 6 小时前

▸ 精选理由

适合需要精致界面与动效把控的前端或设计团队

这个 Skill 做什么

面向高质量着陆页与界面的美学、层级与动效交付指导

帮你把着陆页、网站或产品界面做得像案例级别的好看、层次分明并且动效有品位。适合需要突出视觉主张、用大图和精简文案传递信息，而不是把组件堆一堆的时候用。特点是强调节制的构图、以图片为主的层级、严格留白和克制的动效，避免普通卡片化和品牌弱化。

▸ 展开 SKILL.md 英文原文

Use when the task asks for a visually strong landing page, website, app, prototype, demo, or game UI. This skill enforces restrained composition, image-led hierarchy, cohesive content structure, and tasteful motion while avoiding generic cards, weak branding, and UI clutter.

内容创作前端视觉交互动效把控通用

Stars

Forks

仓库内 Skill

积累中

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/Await-d/OpenAWork/main/packages/resources/resources/skills/reference/frontend-skill/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/Await-d/OpenAWork/main/packages/resources/resources/skills/reference/frontend-skill/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Frontend skill

Use this skill when the quality of the work depends on art direction, hierarchy, restraint, imagery, and motion rather than component count.

Goal: ship interfaces that feel deliberate, premium, and current. Default toward award-level composition: one big idea, strong imagery, sparse copy, rigorous spacing, and a small number of memorable motions.

## Working Model

Before building, write three things:

- visual thesis: one sentence describing mood, material, and energy
- content plan: hero, support, detail, final CTA
- interaction thesis: 2-3 motion ideas that change the feel of the page

Each section gets one job, one dominant visual idea, and one primary takeaway or acti

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有