How do I install the Josalero Code Challenge Ide HTML Tailwind UI skill?

Run npx skillmds@latest add tomevault-io/josalero-code-challenge-ide-html-tailwind-ui in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Josalero Code Challenge Ide HTML Tailwind UI skill do?

HTML, Tailwind, and UI design It is listed under Web & Frontend on SkillMD.

Is Josalero Code Challenge Ide HTML Tailwind UI safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Josalero Code Challenge Ide HTML Tailwind UI?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Josalero Code Challenge Ide HTML Tailwind UI free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Josalero Code Challenge Ide HTML Tailwind UI?

tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Josalero Code Challenge Ide HTML Tailwind UI by tomevault-io

Name: Josalero Code Challenge Ide HTML Tailwind UI
Author: tomevault-io

File contents

HTML, Tailwind, and UI design

Apply the project Cursor rules in .cursor/rules/:

File	Topic
`00-ui-project-context.mdc`	Priorities and project context (always applied when rule is active)
`10-html-accessibility.mdc`	Semantic HTML and accessibility
`20-tailwind-design-system.mdc`	Tailwind consistency and design tokens
`30-responsive-layouts.mdc`	Mobile-first responsive layout
`40-component-quality.mdc`	Component structure and states
`50-react-ui-patterns.mdc`	React / shadcn / Tailwind patterns
`60-forms-and-validation.mdc`	Forms, labels, validation UX
`70-performance-ui.mdc`	UI performance and maintainability

Agent instructions: see the HTML, Tailwind, and UI section in repo-root AGENTS.md.

When editing UI, prefer existing components and design tokens in the repo over one-off classes.

Vendor skills (installed)

ui-design-brain — .cursor/skills/ui-design-brain/ (component patterns, 60+ UI primitives)
vendor-ecosystem — .cursor/skills/vendor-ecosystem/SKILL.md (full index)
cursor-designer rules — .cursor/rules/vendor/cursor-designer/ (lean UX/a11y profile)

Run ./scripts/install-cursor-vendors.sh to install or update vendor clones.

Source: josalero/code-challenge-ide — distributed by TomeVault.

Frequently asked questions

Josalero Code Challenge Ide HTML Tailwind UI