メニュー
Convert DSDS UI specs, mock HTML screens, and system docs into concrete frontend component implementation tasks. Use when turning design references into React components, hooks, state contracts, and acceptance criteria.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
| name | dsds-ui-spec-to-component |
| description | Convert DSDS UI specs, mock HTML screens, and system docs into concrete frontend component implementation tasks. Use when turning design references into React components, hooks, state contracts, and acceptance criteria. |
Translate UI and UX specifications into implementation-ready component plans. Connect visual requirements to state, data contracts, and testable acceptance criteria.
Screen-to-component mappingState and data contract mappingImplementation ticket listAcceptance criteriaIntegration and QA checklistreferences/ui-implementation-mapping.md for decomposition checklist.docs/SYSTEM_OVERVIEW.mdplanning/TICKETS.md (UI phases and hooks)stitch_simulation_output_analysis/*/code.htmlDesign DSDS chaos experiments with deterministic setup, explicit hypotheses, and measurable outcomes. Use when planning failure drills, resilience validation, pre-production risk exercises, and repeatable chaos scenarios for regression testing.
Map architecture requirements to valid DSDS component categories and component types. Use when converting system requirements into simulator node selections, resolving ambiguous type choices, and ensuring required attributes are captured before topology authoring.
Map DSDS architectures across AWS, GCP, and Azure equivalents and estimate cost-impact tradeoffs. Use when planning provider portability, comparing cloud options, and explaining cost/performance implications of design choices.
Analyze likely cascade paths and propagation semantics in DSDS architectures. Use when estimating blast radius, diagnosing multi-hop degradation, validating containment strategies, or explaining how a localized failure can become systemic.
Define and evaluate deterministic invariants and policy checks for DSDS simulations. Use when encoding correctness rules, post-run validation gates, compliance constraints, and safety checks that must hold across scenarios.
Tune DSDS resilience controls including retries, deadlines, circuit breakers, rate limits, bulkheads, and load shedding. Use when balancing availability, latency, and resource protection under failure and saturation conditions.