{"slug":"plugin87-design-component","source_name":"plugin87/design-component","name":"Plugin87/Design Component","description":"Design a UI component spec to the house quality bar — anatomy, variants, sizes, the 8 states, token mapping, and accessibility. Use when the user wants to design or document a component (button, input, tabs, toast, combobox, date picker, modal, etc.) at the spec level before or alongside code. For generating framework code, use design-code.","version":1,"lift":{"pass_rate_delta_pts":21.74,"pass_rate_pct":82.6,"total_cases":23,"passed_cases":19,"tokens_delta_pct":85.1,"turns_delta_pct":0,"verdict":"mixed","benchmark_model":"gemini-3.6-flash","grading_method":"judged","completed_at":"2026-08-20T13:45:09.282163+00:00"},"skill_score":null,"benchmark_models":[{"model":"gemini-3.6-flash","headline":true,"delta_pts":21.74,"with_pass_pct":82.6,"without_pass_pct":60.9,"tokens_delta_pct":85.1,"turns_delta_pct":0,"total_cases":23,"cases_aggregated":22,"verdict":"mixed","never_hurt":false,"completed_at":"2026-08-20T13:45:09.282163+00:00","run_id":"791b9a3b-84ad-4026-a9d3-a151f353e774","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":null,"install_count":0,"manifest_hash":"f48f4a53799f9fcedad86e9f28a5433c4b079d2aba6f2d050f5d09055ed48543","raw_url":"https://app.decimal.ai/s/plugin87-design-component/SKILL.md","scorecard_url":"https://app.decimal.ai/skills/plugin87-design-component"}