Design to Code Implementation

ПродвинутыйdevelopmentМинимальный контекст: 32K

Converts a design specification or screenshot into accessible, responsive production UI while preserving component boundaries, design tokens, semantic structure, and states.

frontenddesign-to-codeuiaccessibility

Варианты использования

  • Screenshot implementation
  • Design handoff
  • Responsive component development

Пример промпта

Implement this design as an accessible responsive component. Reuse existing tokens and components, include loading and empty states, and explain the component API.

Рекомендуемые модели

claude-opus-4-6gpt-5gemini-2-5-pro

Совместимые инструменты

claude-codecursorgithub-copilotkiroany

Модальности

Вход: image, text, code
→
Выход: text, code

Похожие Skills

frontend-designreact-component-generator

Автор

OpenModels Community

@openmodelsrun