{"slug":"light0305-light-frontend-design","source_name":"light0305/light-frontend-design","name":"Light0305/Light Frontend Design","description":"Light 按需工程技能·前端设计：把模糊的「做个好看的界面」落成**能跑的 React/Tailwind/shadcn 代码 + 设计决策说明**—— 有**视觉记忆点**(signature element)、**风格自洽**(design tokens 一致)、**适配场景**(学术海报/数据大屏/管理后台/移动端/营销 landing 信息密度各不同)、**反「一眼 AI」**(紫蓝渐变/Inter/16px 圆角/巨型 hero/居中堆叠/emoji 标题)、**视觉无障碍**(WCAG 2.2)。 何时用：竞赛作品/项目演示/科研系统界面要做网页或应用 UI / 要改造现有前端 / 要选设计系统或配色或字体 / 要做 dashboard·后台·landing·移动端 UI。 触发词：前端 / 界面 / UI / 网页 / 网站 / 设计个页面 / 落地页 / landing / dashboard / 数据大屏 / 管理后台 / admin / 组件 / React / Vue / Tailwind / shadcn / 配色 / 字体 / 设计系统 / design sy","version":1,"lift":{"pass_rate_delta_pts":27.27,"pass_rate_pct":68.2,"total_cases":22,"passed_cases":15,"tokens_delta_pct":158.9,"turns_delta_pct":0,"verdict":"mixed","benchmark_model":"gemini-3.6-flash","grading_method":"judged","completed_at":"2026-08-20T03:33:27.813397+00:00"},"skill_score":0.6818,"benchmark_models":[{"model":"gemini-3.6-flash","headline":true,"delta_pts":27.27,"with_pass_pct":68.2,"without_pass_pct":40.9,"tokens_delta_pct":158.9,"turns_delta_pct":0,"total_cases":22,"cases_aggregated":22,"verdict":"mixed","never_hurt":true,"completed_at":"2026-08-20T03:33:27.813397+00:00","run_id":"c664eeb3-8d79-437a-88e2-3284783b2d48","latest_attempt":{"id":"c664eeb3-8d79-437a-88e2-3284783b2d48","runner_model":"gemini-3.6-flash","overall_verdict":"mixed","completed_at":"2026-08-20T03:33:27.813397+00:00","gate":null},"version_number":1,"is_latest_version":true,"gate":null}],"trust":{"skill_safety":"passed","safety_status":"clean","intent_verdict":"safe","content_status":"clean","indexable":true},"license":"MIT","install_count":0,"total_uses":0,"total_users":0,"manifest_hash":"221e5172b055fcb2675c0ab182aadc15d5b767bd9c43612bad709e7a2068013b","install_name":"light0305-light-frontend-design","version_id":"e64330d6-8f3a-486c-822f-1739c29a47e3","body_sha256":"221e5172b055fcb2675c0ab182aadc15d5b767bd9c43612bad709e7a2068013b","render_hash":"ecd08248fa7cfb25e7fe0eb47c17859f73ef011a6b763230679bb080cffa1a67","raw_url":"https://app.decimal.ai/s/light0305-light-frontend-design/SKILL.md","scorecard_url":"https://app.decimal.ai/skills/light0305-light-frontend-design"}