Espaciado lógico en línea
Usa márgenes lógicos en línea para un campo en lugar de izquierda y derecha físicas.
.field {
margin-inline-start: 20px;
margin-inline-end: 5px;
}- Modelos
- Configura un endpoint compatible con OpenAI o Anthropic usando la URL base y, si hace falta, una clave API. Prueba la conexión. Un servidor local debe estar en ejecución; las herramientas remotas pueden enviar datos por separado.
- Proyecto
- Comprueba escritura horizontal y vertical en ambas direcciones, manteniendo intacto el espaciado del eje de bloque.
- Revisa antes de aplicar
- Compara el comportamiento real con el resultado esperado. Si una prueba falla, investiga la causa antes de hacer más cambios.
.field {
margin-inline-start: 20px;
margin-inline-end: 5px;
}Conserva la intención del diseño al cambiar la dirección de lectura
Un espaciado correcto en una dirección de lectura puede colocar un campo en un lugar incorrecto cuando cambia el idioma de la interfaz. InlineCedar es un entorno de programación con IA para Windows donde convertir ese problema visual en una tarea específica de CSS. Identifica el componente y describe qué espacio corresponde antes o después de su contenido; pide después al asistente que inspeccione las reglas que lo controlan actualmente.
El ejemplo de espaciado lógico en línea ofrece una forma de analizar esa intención en tu proyecto. Puedes solicitar una sustitución específica de márgenes físicos donde el diseño siga realmente la dirección del texto. Revisa los selectores y las reglas que los sobrescriben antes de aplicar el cambio y comprueba el componente en ambas direcciones. El resultado útil es una decisión de diseño inspeccionada con resultados observables, no una sustitución mecánica de todas las propiedades izquierda y derecha.
Conecta un endpoint compatible con OpenAI o de Anthropic admitido y proporciona credenciales cuando sean necesarias. La elección de IA con los mecanismos de rechazo eliminados se refiere a seleccionar un modelo disponible; siguen vigentes las políticas del proveedor y los límites de contexto y herramientas del servidor. Revisa el CSS sugerido, ejecuta las comprobaciones existentes e inspecciona pantallas representativas con distintos anchos. Si utilizas un servidor de modelos local separado, recuerda que otras herramientas conectadas no son necesariamente locales.
Decisiones para cambiar un diseño direccional
- ¿Deben convertirse todas las propiedades izquierda o derecha en propiedades lógicas?
No. Determina si el espaciado sigue la dirección de lectura o permanece intencionadamente en un lado físico. Inspecciona la finalidad de cada componente y el diseño circundante. Una sustitución general puede cambiar elementos cuya posición debe permanecer fija entre direcciones de idioma.
- ¿Qué pantallas debo inspeccionar tras cambiar una regla compartida de campos?
Comprueba los formularios y componentes que heredan la regla, incluidos diseños estrechos y ambas direcciones de texto. Busca reglas que sobrescriban y alteren el resultado. Compara el espaciado visible con la intención expresada en la petición, no solo con la declaración editada.
- ¿Puede InlineCedar decirme que un diseño ha superado la revisión visual?
Una explicación de código no es evidencia visual. Ejecuta la aplicación e inspecciona tú los estados afectados, usando las comprobaciones del proyecto cuando corresponda. Registra cualquier discrepancia entre el CSS propuesto y el resultado renderizado antes de pedir otro cambio.
- ¿Qué contexto debe acompañar una captura de espaciado?
Proporciona el marcado y CSS del componente pertinente, el área visible y la dirección de lectura. Describe la relación esperada entre elementos. El contexto del código permite al asistente analizar una implementación específica en lugar de adivinar qué selector produjo la captura.
InlineCedar · Actualizado 2026-10-25