Saltar al contenido
Volver a aprender
10Creación12 min de lecturaIntermedio

GUÍA 10 · CREACIÓN

Crear un borrador de aspecto completo

El estudio recopila declaraciones delimitadas e imágenes de origen. Un generador confiable, no el autor, produce los paquetes JavaScript, CSS, la estructura del archivo y los resúmenes.

Última verificación
6 de septiembre de 2026
Versión fuente de la guía
0.1.3-alpha.1
Estado de instalación
Consulta la ficha del elemento elegido
Alcance verificado
  • Restricciones de token e imagen de Studio
  • Entradas declarativas FullSkinManifestV3
  • Límite de vista previa simulada
En esta página
  1. Trabajar dentro del límite declarativo
  2. Comprenda qué posee el generador de confianza
  3. Convierte una idea visual en un borrador

Trabajar dentro del límite declarativo

  1. 01

    Sube una imagen fuente elegible

    El Studio actual acepta JPEG, PNG o WebP decodificables dentro de sus límites de bytes, píxeles, dimensiones, recuento de páginas y borde mínimo.

  2. 02

    Establecer enfoque y un ajuste preestablecido controlado

    Elija el punto focal y luego ajuste los parámetros del cristal, el contorno o el brillo. Estas entradas limitadas impulsan la salida generada.

  3. 03

    Completa los 13 pares de tokens

    Proporcione valores hexadecimales claros y oscuros válidos para cada token semántico fijo y resuelva cualquier falla de contraste.

  4. 04

    Declarar fuente y derechos

    Registre si la imagen es original, propiedad del usuario, con licencia, de dominio público o generada. El material con licencia necesita la información fuente requerida.

  5. 05

    Guarde y envíe el borrador

    Revisar la declaración como borrador. La presentación inicia la moderación; no convierte la vista previa simulada en evidencia de publicación.

Comprenda qué posee el generador de confianza

  • Los autores envían declaraciones JSON y entradas de imágenes, no CSS, HTML, JavaScript, dependencias o scripts de ciclo de vida.
  • El generador crea la integración fija de Host y Cliente, skin CSS, activos WebP con contenido direccionado, manifiesto, tar y tgz.
  • El CSS generado puede apuntar solo al catálogo de selector autenticado y hacer referencia a activos con contenido del mismo paquete.
  • Conserve los cinco roles obligatorios: background, sidebar, card, preview-light y preview-dark. Las ilustraciones oscuras independientes pueden añadir background-dark y sidebar-dark. Las capturas de la aplicación se usan como vistas previas; no deben sustituir las ilustraciones de fondo.
  • El artefacto final se reconstruye una vez que se completa la evidencia de moderación; un borrador de resumen no es autoridad de publicación.

Crear y continuar

Convierte una idea visual en un borrador

Elija un tema visual claro y prepare ilustraciones distintas para los modos claro y oscuro. Utilice Studio para describir las superficies y los activos, luego pruebe el borrador construido dentro del objetivo Harness antes de solicitar la publicación.

text
Cree un borrador de aspecto completo a partir de esta obra de arte con recursos separados para los modos claro y oscuro. Conserve texto legible y controles visibles. Enumere la información de fuente y licencia, cree el borrador y pruébelo en el destino Harness antes de declararlo listo.
Instrucciones que puede copiar

Preguntas comunes

Antes de realizar un cambio

Respuestas sobre formatos, compatibilidad, evidencia y reversión.

¿Qué cubre esta guía?

Esta guía cubre: Restricciones de token e imagen de Studio; Entradas declarativas FullSkinManifestV3; Límite de vista previa simulada

¿Por dónde debo empezar?

El estudio recopila declaraciones delimitadas e imágenes de origen. Un generador confiable, no el autor, produce los paquetes JavaScript, CSS, la estructura del archivo y los resúmenes.

¿Qué límite debo tener presente?

Ayudan a posicionar las ilustraciones y afinar los tokens, pero no son capturas de pantalla de un tgz final ejecutándose en DSH. Un aspecto completo no puede pasar la publicación con metadatos de vista previa simulados.

¿Puedo enviar solo una imagen generada?

Una imagen puede comenzar el diseño, pero un Skin publicable también necesita su configuración declarativa, detalles de fuente y derechos, paquete creado y comprobaciones de tiempo de ejecución.

Continuar aprendiendo

Continuar a partir de la evidencia verificada

Compare los artefactos publicados o regrese a la documentación de instalación.