Cursor rule Cursor
Cursor rule "frontier-stack" from Kevin-Liu-01/Sigil-UI, covering frontier stack 2026, default stack, decision matrix, animation tool hierarchy and anti-defaults.
Cursor rule Cursor
Cursor rule "frontier-stack" from Kevin-Liu-01/Sigil-UI, covering frontier stack 2026, default stack, decision matrix, animation tool hierarchy and anti-defaults.
Cursor rule Cursor
Nested surfaces must be mathematically related: outer radius = inner radius + padding.
Cursor rule Cursor
All UI via className={cn(...)} and Tailwind utilities. No CSS modules or co-located .css for normal components. Raw CSS belongs almost only in globals.css. Do not combine style={{ ... }} with Tailwind on the same node. See css-ui-enforcement.mdc.
Cursor rule Cursor
All CSS variables use the --s- prefix: var(--s-primary), var(--s-surface), etc.
Cursor rule Cursor
Every custom preset MUST populate ALL 33 token categories and ALL 519 fields.
Cursor rule Cursor
These dials drive all downstream decisions. Adjust per-prompt when the user specifies a different mood.
Cursor rule Cursor
Is the user asking for IMAGES (design refs, mockups, brand boards)? ├── Yes -> taste-imagegen-web | taste-imagegen-mobile | taste-brandkit └── No -> Is this an existing-UI audit or fix? ├── Yes -> taste-redesign └── No -> Is a specific aesthetic implied? ├── "minimal/editorial/Notion-like" -> taste-minimalist ├──…
Cursor rule Cursor
Label console.warn and console.error calls with their origin.
Instructions file CodexOpenCode
Instructions for Kevin-Liu-01/Sigil-UI, covering sigil ui — agent instructions, the #1 rule, how it works, quick reference: what to edit for common tasks and repository structure.
Skill Claude CodeCodex
The auditor crawls every /docs/components/ page on the local dev server and combines static MDX analysis with a real Chromium browser pass.
Skill Claude CodeCodex
Consolidated reference for the @sigil-ui/cli command surface (init, convert, add, preset, design, inspire, adapter, docs, diff, doctor). Use when looking up what a CLI command does, picking between sigil init and sigil convert, scaffolding a new project, switching presets, generating DESIGN.md, validating a project…
Skill Claude CodeCodex
Every Sigil component lives in packages/components/src/ and follows this pattern.
Skill Claude CodeCodex
Generate, parse, and compile a unified DESIGN.md (33 categories, 519 tokens) that compiles to CSS, Tailwind v4, and W3C JSON. Use when creating a new design reference, extracting tokens from an existing site (sigil design extract), switching a project's visual identity, generating compiled token output, or auditing a…
Skill Claude CodeCodex
Sigil page code should describe content and structure. Token math, snap padding, gutter phase, and divider stroke placement live inside package primitives.
Skill Claude CodeCodex
Canonical source of truth for Sigil positioning, copy, stats, naming, and tone. Use when writing or updating any README, docs page, marketing surface, llms.txt, social post, or agent-generated copy that mentions Sigil. Triggers on "Sigil messaging", "Sigil copy", "what is Sigil", "Sigil positioning", "Sigil stats"…
Skill Claude CodeCodex
Before migrating, audit the existing project.
Skill Claude CodeCodex
The Sigil Playbook codifies the small vocabulary of structural patterns that make any new page "just work." Originating from the Reticle design language (Dedalus monorepo), these 10 rules — 6 compositional moves + 4 supporting patterns — replace dozens of ad-hoc layout decisions.
Skill Claude CodeCodex
Design engineering principles for making Sigil interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, micro-interactions, enter/exit animations, or any visual detail work. Triggers on UI polish, design details, "make it…
Skill Claude CodeCodex
Every custom preset MUST populate ALL 33 token categories and ALL fields.
Skill Claude CodeCodex
Author and extract .scene.tsx files for animated or stateful blocks of an apps/web page. Use when extracting a self-contained visual/animated block from a long page file (the goal is one scene per file, page composes scenes), creating a new animation/diagram block, or refactoring a god file into scene-shaped modules.…
Skill Claude CodeCodex
Skill "sigil-tokens" from Kevin-Liu-01/Sigil-UI, covering sigil tokens, when to use, how to use, 1. token architecture and 2. token categories.
Skill Claude CodeCodex
Reach the human out-of-band when you are blocked and they may be away from the chat. Sends a real OS notification (or phone push / Slack / custom channel) and can block for the reply: a free-text answer, an approve/deny decision, or a pick-one choice. Use when you need approval before a risky or irreversible action…
Cursor rule Cursor
This project is an X/Twitter agent with two backends.
Skill Claude CodeCodex
Remember to run Agent Broom, the script-backed process tracking, audit, and cleanup tool. Use before starting another localhost server, before ending a turn that spawned long-running processes, when CPU/memory is high, when disk is low, or when the user says "what is running", "devclean", "orphaned MCP", "cleanup…