{"slug":"modu-ai-design-system-library","source_name":"modu-ai/design-system-library","name":"Modu AI/Design System Library","description":"75개 글로벌 브랜드 디자인 시스템(Claude · ClickHouse · Clay 포함)을 단일 파일 HTML 산출물에 적용합니다. 각 시스템의 토큰(색·타이포·radius·spacing·컴포넌트)을 Tailwind Play CDN config + shadcn 스타일 vanilla 컴포넌트로 변환해 렌더합니다.\nhtml-report · 랜딩 페이지 · 각종 문서 생성 시 design_system을 지정하면 해당 브랜드 무드가 즉시 적용됩니다. Claude Design 핸드오프 시에는 DESIGN.md 지침 소스로 제공됩니다.\n다음과 같은 요청 시 반드시 이 스킬을 사용하세요:\n- \"Claude 스타일로 HTML 보고서 만들어줘\"\n- \"ClickHouse 다크 테마로 랜딩 만들어줘\"\n- \"Clay 디자인 시스템 적용해서 문서 생성\"\n- \"브랜드 디자인 시스템 골라서 HTML로\"\n- \"Notion / Linear / Stripe 스타일로 리포트\"\n- \"어두운 테마 / 따뜻한 화이트 테","version":2,"lift":{"pass_rate_delta_pts":36.36,"pass_rate_pct":77.3,"total_cases":22,"passed_cases":17,"tokens_delta_pct":86.1,"turns_delta_pct":0,"verdict":"mixed","benchmark_model":"gemini-3.6-flash","grading_method":"judged","completed_at":"2026-08-22T22:17:13.501005+00:00"},"skill_score":0.7727,"benchmark_models":[{"model":"gemini-3.6-flash","headline":true,"delta_pts":36.36,"with_pass_pct":77.3,"without_pass_pct":40.9,"tokens_delta_pct":86.1,"turns_delta_pct":0,"total_cases":22,"cases_aggregated":22,"verdict":"mixed","never_hurt":false,"completed_at":"2026-08-22T22:17:13.501005+00:00","run_id":"06948755-86d4-49c7-b754-86c4e31dc30b","version_number":2,"is_latest_version":true,"gate":null}],"trust":{"skill_safety":"passed","safety_status":"clean","intent_verdict":"safe","content_status":"clean","indexable":true},"license":"Apache-2.0","install_count":0,"manifest_hash":"20453f5b7a133093dbbc6b1fd3dfc52a5f1d12f5319bbf3387eb58dbc6eb1eb0","raw_url":"https://app.decimal.ai/s/modu-ai-design-system-library/SKILL.md","scorecard_url":"https://app.decimal.ai/skills/modu-ai-design-system-library"}