Skills by job · page 7

Design & front-end skills

472 audited skills for design & front-end: 360 SAFE, 90 CAUTION, 22 BLOCK. UI review, design systems, CSS and accessibility checks.

Ask an AI about this pageGChatGPT CClaude PPerplexity GeGemini XGrok

CoCopilot AIGoogle AI Mode

Cite

Cite this page

ModelsAtlas. “Design & front-end skills”. Retrieved 29 Oct 2026. https://modelsatlas.com/skills/topic/design/page/7

472 design & front-end skills · page 7 of 20 · ranked by trust score, then stars

Invoice

nexu-io/html-anything

✓SAFE B

标准发票: 寄件/收件 + 明细 + 税 + 总额 + 付款指引

★ 9k89/100

Kanban Board

nexu-io/html-anything

✓SAFE B

To do / In progress / In review / Done 四列, 卡片 + 头像 + 泳道

★ 9k89/100

Live Dashboard

nexu-io/html-anything

✓SAFE B

Notion 风团队仪表板, KPI + 7 日 sparkline + activity feed + 任务表

★ 9k89/100

Magazine Poster

nexu-io/html-anything

✓SAFE B

Sunday-paper 风格, 大字 serif headline + 双栏正文 + 编号 sections

★ 9k89/100

Meeting Notes

nexu-io/html-anything

✓SAFE B

标题 + 出席 + 议程 + 决议 + action items + 下次

★ 9k89/100

Mobile App

nexu-io/html-anything

✓SAFE B

像素级 iPhone 15 Pro 边框, 一屏 app 截图

★ 9k89/100

Mobile Onboarding

nexu-io/html-anything

✓SAFE B

三个手机框并排: splash / value-prop / sign-in

★ 9k89/100

Mockup Device 3d

nexu-io/html-anything

✓SAFE B

iPhone + MacBook 仿 GLTF 静态展架, 屏幕内嵌真实 HTML 内容, 玻璃镜头折射, 360° 转盘构图

★ 9k89/100

Motion Frames

nexu-io/html-anything

✓SAFE B

可循环 CSS 动效组合: 旋转环、地球仪、计时器、视差标签

★ 9k89/100

Pm Spec

nexu-io/html-anything

✓SAFE B

问题 + 成功指标 + 范围 + user stories + 设计 + 发布 + 待解决

★ 9k89/100

Poster Hero

nexu-io/html-anything

✓SAFE B

竖版海报 / 朋友圈分享图, 强视觉冲击

★ 9k89/100

Ppt Keynote

nexu-io/html-anything

✓SAFE B

苹果 Keynote 级别幻灯片, 一屏一卡, 键盘左右切换

★ 9k89/100

Pricing Page

nexu-io/html-anything

✓SAFE B

三档定价 + 特性对比表 + FAQ

★ 9k89/100

Prototype Web

nexu-io/html-anything

✓SAFE B

可点击的功能性 Web 原型, 含导航、英雄区、特性区、CTA

★ 9k89/100

Resume Modern

nexu-io/html-anything

✓SAFE B

现代极简简历, A4 单页, 适合打印或导出 PDF

★ 9k89/100

Saas Landing

nexu-io/html-anything

✓SAFE B

单页 SaaS 落地页, 含 hero/features/social-proof/pricing/CTA

★ 9k89/100

Social Carousel

nexu-io/html-anything

✓SAFE B

三张方形卡片轮播, 标题串联, 品牌 mark + 编号

★ 9k89/100

Social Media Dashboard

nexu-io/html-anything

✓SAFE B

平台切换 + 粉丝/互动 KPI + 增长曲线 + Top post + 热门话题

★ 9k89/100

Social Media Matrix

nexu-io/html-anything

✓SAFE B

电影感多平台社媒分析: 互动图、悬浮洞察、区间对比、明暗主题

★ 9k89/100

Social Reddit Card

nexu-io/html-anything

✓SAFE B

拟真 Reddit 帖子卡 + 上下投票 + 评论数, 适合视频叠加 / 故事分享

★ 9k89/100

Social Spotify Card

nexu-io/html-anything

✓SAFE B

Spotify Now Playing 风格卡: 专辑封面 + 进度条 + 播放控制, 适配视频叠加 / 个人主页

★ 9k89/100

Social X Post Card

nexu-io/html-anything

✓SAFE B

拟真 X 推文卡片 + 互动数据 (likes/reposts/views), 适配视频叠加或图卡分享

★ 9k89/100

Sprite Animation

nexu-io/html-anything

✓SAFE B

像素美术 + kinetic 字体的解说帧, 纯 CSS 循环, 可录视频

★ 9k89/100

Team Okrs

nexu-io/html-anything

✓SAFE B

季度 banner + 3 个目标 + KR 进度条 + owner + 状态 pill

★ 9k89/100