{"slug":"rampstackco-frontend-component-build","source_name":"rampstackco/frontend-component-build","name":"Rampstackco/Frontend Component Build","description":"Build production-ready frontend components with accessible markup, sensible props, defined states, and tested behavior. Use this skill whenever the user wants to build a component from scratch, refactor an existing one, design a component API, or implement a UI element with proper states and accessibility. Triggers on build a component, create a button, create a modal, create a form input, component API, props design, component states, refactor component, accessible component. Also triggers when","version":1,"lift":{"pass_rate_delta_pts":18.18,"pass_rate_pct":90.9,"total_cases":22,"passed_cases":20,"tokens_delta_pct":57.4,"turns_delta_pct":0,"verdict":"mixed","benchmark_model":"gemini-3.6-flash","grading_method":"judged","completed_at":"2026-08-20T00:34:37.438357+00:00"},"skill_score":0.9091,"benchmark_models":[{"model":"gemini-3.6-flash","headline":true,"delta_pts":18.18,"with_pass_pct":90.9,"without_pass_pct":72.7,"tokens_delta_pct":57.4,"turns_delta_pct":0,"total_cases":22,"cases_aggregated":22,"verdict":"mixed","never_hurt":true,"completed_at":"2026-08-20T00:34:37.438357+00:00","run_id":"5956c484-7ee7-49f4-bb3b-15e8610652e7","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,"manifest_hash":"85a2e67609a385440ee8baab761479d664e60999fd49b7a83a95814c182b77a5","raw_url":"https://app.decimal.ai/s/rampstackco-frontend-component-build/SKILL.md","scorecard_url":"https://app.decimal.ai/skills/rampstackco-frontend-component-build"}