Exécutez n'importe quel Skill dans Manus
en un clic

Exécutez n'importe quel Skill dans Manus en un clic

apply-ui-baseline

Étoiles0

Forks0

Mis à jour19 mai 2026 à 14:54

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

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

takeshi-su57

takeshi-su57/luckyplans

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Concepteurs web et d'interfaces numériquesProfessions informatiques et mathématiques·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.

Plus depuis ce dépôt

même dépôt

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.