ui
UI and design system rules for QBook
Install / Use
npx skills add Phozen/booking-systemInstalls into whichever agent you are using.
About this skill
📐
Cursor Rules
Cursor IDE rules (v2)
Quality Score
32/100
Category
DesignSupported Platforms
Cursor
Skill content
View source on GitHubdescription: UI and design system rules for QBook globs: components//*,app//*.tsx alwaysApply: false
UI Rules
- One filled primary CTA per view. Secondary = outline/ghost.
- Use
.qbook-type-*tokens from globals.css — do not create ad-hoc sizes. - Light and dark mode must both look good. Test both.
- Warm-neutral canvas, clear blue primary. No purple-indigo.
- No frosted mega-card nesting. Hierarchy via space, type, and one accent.
- Geist UI for body text, Quicksand for wordmark only.
Related Skills
guizang-ppt-skill
26.7kAI-agent Skill for generating polished HTML slide decks: editorial magazine and Swiss layouts, image prompts, social covers, and a WebGL/low-power presentation runtime.
ui-ux-pro-max-skill
129.5kAn AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
taste-skill
89.0kTaste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop
diagram-design
41.8kEditorial diagram design for Claude Code, Codex, and Pi. Self-contained HTML + SVG. No shadows. No Mermaid slop.
View on GitHub68/100
Security Score
Audited on Invalid Date
2 medium1 low