ui
Rules for implementing common UI elements in MonsterUI idiomatically
Install / Use
npx skills add ai-evals-course/isaac-fasthtml-workshopInstalls into whichever agent you are using.
Cursor Rules
Cursor IDE rules (v2)
Quality Score
Category
Development & EngineeringSupported Platforms
Skill content
View source on GitHubdescription: Rules for implementing common UI elements in MonsterUI idiomatically globs: alwaysApply: false
When you want to create new UI components or design with MonsterUI leverage the following resources.
When creating UI elements create idiomatic MonsterUI as shown in any of the examples provided that minimizes code duplication and vertical space.
Common cases:
- For Card based designs see ui_cards.md for lots of card examples
- For examples of forms and user inputs see ui_forms.md for lots of examples
- For exaples of tables, which are great for lists of things that have buttons or actions see ui_tables.md
- For the API reference see monsterui_api.md
For all examples see monsterui-llms-ctx.txt that covers anything else you may need. Include this for anything tricky or complicated.
Related Skills
career-ops
72.3kOpen-source AI job search: scan job portals, evaluate listings into a structured A-H report with a global 1-5 score, tailor your CV, track applications — runs locally in your AI coding CLI (Claude Code, Codex, OpenCode, Antigravity…)
ai-job-search
43.5kThe job search that runs on your machine. AI job application framework built on Claude Code: evaluate postings, tailor CVs, write cover letters, prep interviews. Fork it and own it.
claude-howto
41.6kA visual, example-driven guide to Claude Code — from basic concepts to advanced agents, with copy-paste templates that bring immediate value.
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.
Security Score
Audited on Aug 5, 2025
