Ejecuta cualquier Skill en Manus
con un clic

Ejecuta cualquier Skill en Manus con un clic

apply-ui-baseline

Estrellas0

Forks0

Actualizado19 de mayo de 2026 a las 14:54

Use when implementing or modifying frontend UI in apps/web to enforce the repository's HeroUI + Notion-style baseline consistently.

Instalación

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Ejecutar en Manus

Fuente

takeshi-su57

takeshi-su57/luckyplans

Abrir repositorio de GitHub Ver repositorios del creador

Descarga

Ejecutar en Manus

Ocupaciones relacionadasSOC

Basado en la clasificación ocupacional SOC

Diseñadores de interfaces web y digitalesOcupaciones informáticas y matemáticas·SOC 15-1255

SKILL.md

readonly

name	apply-ui-baseline
description	Use when implementing or modifying frontend UI in apps/web to enforce the repository's HeroUI + Notion-style baseline consistently.

Apply UI Baseline

Core Rules

Use HeroUI components for UI primitives (forms/buttons/cards/tabs/chips/etc.).
Use Lucide icons (lucide-react) for iconography.
Use Tailwind for layout/spacing, not ad-hoc UI primitives.
Follow Notion-like color/typography/whitespace conventions.
Keep pages/components consistent with existing project visual language.

Checklist

Replace raw HTML form/button primitives with HeroUI where touched.
Use approved text/icon colors and spacing conventions.
Ensure loading/empty/error states are visually consistent.
Preserve accessibility semantics (labels, keyboard behavior).
Validate on desktop and mobile.

Más de este repositorio

mismo repositorio

add-testing-foundation

takeshi-su57/luckyplans

Use when introducing or expanding tests in LuckyPlans, especially service logic, shared utilities, controllers, and resolvers.

2026-05-190

add-frontend-page

takeshi-su57/luckyplans

Use when adding a new Next.js App Router page in apps/web, including route structure, data hooks usage, and auth/session-aware behavior.

2026-05-190

create-graphql-hook

takeshi-su57/luckyplans

Use when adding a new GraphQL query or mutation in apps/web so the operation is defined inline in a hook and consumed by components.

2026-05-190

customize-frontend-component

takeshi-su57/luckyplans

Use when modifying or extending an existing frontend component in apps/web while preserving project styling conventions, hook boundaries, and accessibility.

2026-05-190

enforce-apollo-state-boundary

takeshi-su57/luckyplans

Use when introducing or modifying frontend state management to keep GraphQL data in Apollo cache and avoid mixed-state ownership.

2026-05-190

enforce-frontend-auth-boundary

takeshi-su57/luckyplans

Use when implementing frontend auth-adjacent behavior to preserve gateway-managed session architecture and avoid token handling in the browser.

2026-05-190

name	apply-ui-baseline
description	Use when implementing or modifying frontend UI in apps/web to enforce the repository's HeroUI + Notion-style baseline consistently.

Apply UI Baseline

Core Rules

Use HeroUI components for UI primitives (forms/buttons/cards/tabs/chips/etc.).
Use Lucide icons (lucide-react) for iconography.
Use Tailwind for layout/spacing, not ad-hoc UI primitives.
Follow Notion-like color/typography/whitespace conventions.
Keep pages/components consistent with existing project visual language.

Checklist

Replace raw HTML form/button primitives with HeroUI where touched.
Use approved text/icon colors and spacing conventions.
Ensure loading/empty/error states are visually consistent.
Preserve accessibility semantics (labels, keyboard behavior).
Validate on desktop and mobile.