Saltar al contenido
craftrules

Beta privada · lista de espera abierta

Guarda lo que te inspira. Di por qué. Tus agentes lo siguen.

craftrules captura las webs cuyo diseño te encanta, guarda el motivo de cada detalle y convierte tus motivos en reglas que Claude Code, Cursor y Codex leen antes de diseñar.

¿Qué te describe? (opcional)

Un solo email cuando haya plaza. Sin newsletter.

fieldnote.example/pricing

Por qué te llamó la atención

  1. 1HazEl precio va antes que el nombre del plan: primero comparas números.
  2. 2HazUna sola serif, solo para los títulos. La interfaz sigue en sans.
  3. 3EvitaTres tarjetas iguales con iconos no dicen nada del producto.

Medido en la web real

Títulos
Serif 600 · 56/60
Texto
Sans 400 · 17/28
Colores
#FAF7F0#1F1E1B#D9502B
Contraste del texto
14,8 : 1
Una página guardada en craftrulesEjemplo con contenido inventado

Las referencias mueren donde las guardas

Un marcador, una captura, un enlace en un chat. Meses después nadie recuerda qué tenía de bueno, y tu agente nunca lo vio.

  1. 01

    Una captura sin su porqué

    ¿Era el layout, el botón o la tipografía? El momento en que la guardaste ya no está.

  2. 02

    Un agente sin tu criterio

    Pides una landing y te da la media de internet, el mismo degradado y las mismas tres tarjetas.

  3. 03

    Una regla que nadie puede comprobar

    «Que parezca premium» no se puede comprobar. Un tamaño de letra medido y una nota sobre una web real, sí.

Cómo funciona

  1. 1

    Guarda una página

    Pega un enlace. craftrules la captura en escritorio y en móvil y mide las fuentes, los colores, el contraste y los radios de esquina que usa de verdad. Cada captura conserva su fecha, así ves cómo cambia un diseño.

  2. 2

    Marca por qué

    Dibuja un recuadro sobre cada detalle que te llame la atención y escribe una línea, algo que hacer o algo que evitar. Una página admite todos los motivos que tengas.

  3. 3

    Convierte motivos en reglas

    Agrupa tus marcas en reglas como «muestra el precio antes del nombre del plan». Cada regla cita sus pruebas, y nada se convierte en regla hasta que tú la apruebas.

Cada afirmación dice de dónde viene

Tres tipos de conocimiento, nunca mezclados, para que tú y tus agentes sepáis en qué confiar.

  • Medido

    Leído de la web real, con la fecha, la dirección y el método. Nunca adivinado.

    Texto 17/28 px · contraste 14,8 : 1

  • Tu criterio

    Un juicio con su autor y su fecha, dibujado sobre la zona exacta a la que se refiere.

    Haz · el precio antes del nombre del plan

  • Documentado

    Una fuente citada, como un estudio de usabilidad o una guía de diseño.

    Fuente · un estudio sobre tablas de precios

Tus agentes lo leen antes de diseñar

craftrules es un servidor MCP. Lo conectas una vez y tu agente busca en tu biblioteca, lee las reglas aprobadas con sus pruebas y mira las zonas que marcaste, en lugar de adivinar.

Funciona con cualquier cliente MCP, como Claude Code, Cursor y Codex. También hay una API JSON.

Diseña la página de precios de mi app

craftrules · search_library("pricing")

Regla · tu criterio · aprobada

Muestra el precio antes del nombre del plan.

Pruebas: 4 zonas marcadas en 3 webs, medidas

Aplicando 3 reglas de tu biblioteca…

Preguntas

¿Qué es craftrules?

craftrules es una biblioteca privada de referencias de diseño para quien crea productos con agentes de programación de IA. Guardas las webs que te llaman la atención, marcas el motivo en cada detalle y conviertes esos motivos en reglas que tus agentes leen por MCP.

¿En qué se diferencia de Mobbin, Pinterest o un moodboard?

Las galerías muestran pantallas que eligió otra persona. craftrules guarda tus propias elecciones con el motivo de cada detalle, mide la web real en lugar de guardar solo una imagen, conserva cada captura con su fecha y entrega el resultado a tus agentes como reglas explícitas.

¿Con qué agentes funciona?

Con cualquier cliente que hable el Model Context Protocol (MCP), como Claude Code, Cursor y Codex. También hay una API JSON sencilla con tokens personales.

¿Qué significa «medido»?

Cuando guardas una página, un navegador la abre y lee lo que usa de verdad, es decir, familias, tamaños y pesos de fuente, colores de texto y de fondo, contraste y radios de esquina. Cada valor conserva su fecha, su dirección y el método con el que se leyó.

¿Mis referencias son privadas?

Sí. Tu biblioteca es privada y nada de lo que guardas se publica. Los agentes solo acceden con un token personal que creas tú y que puedes revocar cuando quieras.

¿Cuánto costará y cuándo abre?

Todavía no hay precio. Quien esté en la lista de espera lo sabrá primero, antes de que se cobre nada. Hoy la biblioteca está en uso privado, y la lista nos dice a quién abrirla después.

Entérate cuando haya plaza

Déjanos tu email y te escribimos una sola vez, cuando craftrules abra a nuevas personas. Sin newsletter, y puedes pedir que te borremos de la lista cuando quieras.

¿Qué te describe? (opcional)