
Html Tailwind Css And Javascript Expert Rule
- 70 installs
- 36 repo stars
- Updated July 14, 2026
- oimiragieo/agent-studio
Helps with frontend development tasks.
About
html-tailwind-css-and-javascript-expert-rule is a Claude Code skill in the Frontend Development category.
- html-tailwind-css-and-javascript-expert-rule
- Frontend Development
- AI-coding skill
Html Tailwind Css And Javascript Expert Rule by the numbers
- 70 all-time installs (skills.sh)
- Ranked #1,155 of 2,245 Frontend Development skills by installs in the Skillselion catalog
- Data as of Aug 4, 2026 (Skillselion catalog sync)
npx skills add https://github.com/oimiragieo/agent-studio --skill html-tailwind-css-and-javascript-expert-ruleAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 70 |
|---|---|
| repo stars | ★ 36 |
| Last updated | July 14, 2026 |
| Repository | oimiragieo/agent-studio ↗ |
What it does
Helps with frontend development tasks.
Files
Html Tailwind Css And Javascript Expert Rule Skill
<identity> You are a coding standards expert specializing in html tailwind css and javascript expert rule. You help developers write better code by applying established guidelines and best practices. </identity>
<capabilities>
- Review code for guideline compliance
- Suggest improvements based on best practices
- Explain why certain patterns are preferred
- Help refactor code to meet standards
</capabilities>
<instructions> When reviewing or writing code, apply these guidelines:
- You are an expert AI programming assistant that primarily focuses on producing clear, readable HTML, Tailwind CSS and vanilla JavaScript code.
- You always use the latest version of HTML, Tailwind CSS and vanilla JavaScript, and you are familiar with the latest features and best practices.
</instructions>
<examples> Example usage:
User: "Review this code for html tailwind css and javascript expert rule compliance"
Agent: [Analyzes code against guidelines and provides specific feedback]</examples>
Memory Protocol (MANDATORY)
Before starting:
cat .claude/context/memory/learnings.mdAfter completing: Record any new patterns or exceptions discovered.
ASSUME INTERRUPTION: Your context may reset. If it's not in memory, it didn't happen.
Invoke the html-tailwind-css-and-javascript-expert-rule skill and follow it exactly as presented to you
'use strict';
/**
* Post-execute hook for html-tailwind-css-and-javascript-expert-rule
* Auto-generated by enterprise-bundle-scaffolder
*
* Records metrics after skill execution.
*/
function postExecute(_context) {
// Record execution metrics
return { ok: true, skill: 'html-tailwind-css-and-javascript-expert-rule' };
}
module.exports = { postExecute };
'use strict';
/**
* Pre-execute hook for html-tailwind-css-and-javascript-expert-rule
* Auto-generated by enterprise-bundle-scaffolder
*
* Validates inputs before skill execution.
*/
function preExecute(context) {
// Validate skill invocation context
if (!context || typeof context !== 'object') {
return {
allow: true,
message: 'html-tailwind-css-and-javascript-expert-rule: no context to validate',
};
}
return { allow: true };
}
module.exports = { preExecute };
html-tailwind-css-and-javascript-expert-rule Research Requirements
Generated: 2026-02-28
Skill Description
Sets the AI to act as an expert in HTML, Tailwind CSS, and vanilla JavaScript, focusing on clarity and readability for all HTML, JS, and CSS files.
Research Areas
- Current best practices for html-tailwind-css-and-javascript-expert-rule
- Industry standards and tooling
- Integration patterns
Source References
- To be populated by skill-updater research phase
html-tailwind-css-and-javascript-expert-rule Rules
Purpose
Sets the AI to act as an expert in HTML, Tailwind CSS, and vanilla JavaScript, focusing on clarity and readability for all HTML, JS, and CSS files.
Best Practices
- Follow the guidelines consistently
- Apply rules during code review
- Use as reference when writing new code
Integration Points
See SKILL.md for complete documentation.
{
"$schema": "http://json-schema.org/draft-07/schema#",
"title": "html-tailwind-css-and-javascript-expert-ruleInput",
"description": "Input schema for Sets the AI to act as an expert in HTML, Tailwind CSS, and vanilla JavaScript, focusing on clarity and readability for all HTML, JS, and CSS files.",
"type": "object",
"additionalProperties": true,
"properties": {
"target": {
"type": "string",
"description": "Target file or path for the skill to operate on"
},
"options": {
"type": "object",
"description": "Additional options for skill execution",
"additionalProperties": true
}
}
}
{
"$schema": "http://json-schema.org/draft-07/schema#",
"title": "html-tailwind-css-and-javascript-expert-ruleOutput",
"type": "object",
"additionalProperties": true,
"properties": {
"ok": {
"type": "boolean"
},
"summary": {
"type": "string"
}
}
}
#!/usr/bin/env node
/**
* html-tailwind-css-and-javascript-expert-rule - Rule-based Skill
* Converted from: html-tailwind-css-and-javascript-expert-rule.mdc
*/
const fs = require('fs');
const path = require('path');
// Parse arguments
const args = process.argv.slice(2);
const options = {};
for (let i = 0; i < args.length; i++) {
if (args[i].startsWith('--')) {
const key = args[i].slice(2);
const value = args[i + 1] && !args[i + 1].startsWith('--') ? args[++i] : true;
options[key] = value;
}
}
if (options.help) {
console.log(`
html-tailwind-css-and-javascript-expert-rule - Code Guidelines Skill
Usage:
node main.cjs --check <file> Check a file against guidelines
node main.cjs --list List all guidelines
node main.cjs --help Show this help
Description:
Sets the AI to act as an expert in HTML, Tailwind CSS, and vanilla JavaScript, focusing on clarity and readability for all HTML, JS, and CSS files.
`);
process.exit(0);
}
if (options.list) {
console.log('Guidelines for html-tailwind-css-and-javascript-expert-rule:');
console.log('See SKILL.md for full guidelines');
process.exit(0);
}
console.log(
'html-tailwind-css-and-javascript-expert-rule skill loaded. Use with Claude for code review.'
);
html-tailwind-css-and-javascript-expert-rule Implementation Template
Goal
- Define target outcome and acceptance criteria.
TDD
1. Red 2. Green 3. Refactor
Verification
- lint
- format
- targeted tests