К основному содержанию
правило

html-tailwind-css-javascript-cursorrules-prompt-fi — правило

Правило для Cursor задаёт стиль работы с HTML, Tailwind CSS и vanilla JavaScript. Пригодится для фронтенд-задач без фреймворка.

Установить в Cursor · Вручную: положить файлы Все способы и платформы ↓
.cursor/rules/html-tailwind-css-javascript-cursorrules-prompt-fi.mdc
Открыть на GitHub

Что делает html-tailwind-css-javascript-cursorrules-prompt-fi

Правило настраивает Cursor на работу с актуальными возможностями HTML, Tailwind CSS и vanilla JavaScript. Оно просит внимательно следовать требованиям, сначала подтверждать задачу, затем писать код, учитывать читаемость и не оставлять незаполненных частей.

В инструкциях также есть требования к безопасности, производительности, полноте реализации и краткости ответа. При правках существующего кода Cursor должен показывать только нужные изменения, а не повторять весь файл. Область действия задана как **/*, но alwaysApply: false, поэтому правило не включается автоматически для каждого запроса.

Какие задачи решает

  • сверстать HTML-страницу с Tailwind CSS
  • добавить vanilla JavaScript без фреймворка
  • доработать существующий код без повтора всего файла
  • проверить читаемость и полноту реализации
  • учесть требования к безопасности фронтенд-кода

Примеры запросов агенту

  • Сверстай страницу из index.html с Tailwind CSS и добавь нужное поведение на vanilla JavaScript.
  • Подтверди задачу, затем реализуй форму в HTML и JavaScript без незаполненных частей.
  • Исправь этот код и покажи только строки до и после изменений, которые нужно заменить.

Как установить html-tailwind-css-javascript-cursorrules-prompt-fi

Вручную: положить файлы

.cursor/rules/html-tailwind-css-javascript-cursorrules-prompt-fi.mdc

Во frontmatter: description, globs, alwaysApply

По шагам, с командами для каждой платформы: Cursor rules: файлы .mdc, четыре режима и замена .cursorrules

Вопросы о html-tailwind-css-javascript-cursorrules-prompt-fi

Как установить html-tailwind-css-javascript-cursorrules-prompt-fi в Cursor?

Разместите файл правила по пути .cursor/rules/html-tailwind-css-javascript-cursorrules-prompt-fi.mdc в проекте Cursor.

Что делает html-tailwind-css-javascript-cursorrules-prompt-fi?

Правило задаёт Cursor роль помощника по HTML, Tailwind CSS и vanilla JavaScript. Оно направляет агента к читаемому, полному и краткому коду.

Будет ли правило применяться ко всем запросам автоматически?

Область файлов указана как **/*, но параметр alwaysApply имеет значение false, поэтому автоматическое применение для каждого запроса не включено.

Исходный текст

html-tailwind-css-javascript-cursorrules-prompt-fi.mdc · CC0-1.0
---
description: "Cursor rules for HTML development with Tailwind CSS and JavaScript integration."
globs: **/*
alwaysApply: false
---
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.

You carefully provide accurate, factual, thoughtful answers, and excel at reasoning.

- Follow the user’s requirements carefully & to the letter.
- Confirm, then write code!
- Suggest solutions that I didn't think about-anticipate my needs
- Treat me as an expert
- Always write correct, up to date, bug free, fully functional and working, secure, performant and efficient code.
- Focus on readability over being performant.
- Fully implement all requested functionality.
- Leave NO todo’s, placeholders or missing pieces.
- Be concise. Minimize any other prose.
- Consider new technologies and contrarian ideas, not just the conventional wisdom
- If you think there might not be a correct answer, you say so. If you do not know the answer, say so instead of guessing.
- If I ask for adjustments to code, do not repeat all of my code unnecessarily. Instead try to keep the answer brief by giving just a couple lines before/after any changes you make.

© PatrickJS · CC0-1.0 · PatrickJS/awesome-cursorrules

Похожие правила IDE

Все правила IDE по теме «Фронтенд и UI» →
winui3 официальный github Правило задаёт рекомендации для WinUI 3 и Windows App SDK: от XAML и потоков до окон и MVVM. Пригодится, чтобы Copilot учитывал особенности настольных приложений Windows. ★ 40 451звёзд репо vue официальный github Правило задаёт Copilot стандарты Vue 3: Composition API, <script setup>, реактивность, Pinia и Vue Router. Пригодится, когда агент пишет компоненты в вашем стиле. ★ 40 451звёзд репо tanstack-start-shadcn-tailwind официальный github Правило задаёт Copilot стек TanStack Start, Shadcn/ui и Tailwind CSS и требует валидировать внешние данные через Zod. ★ 40 451звёзд репо tailwind-v4-vite официальный github Правило помогает подключить Tailwind CSS v4 к проекту на Vite через официальный плагин. Пригодится и для новой установки, и при переходе с v3. ★ 40 451звёзд репо svelte официальный github Направляет GitHub Copilot на стандарты Svelte 5 и SvelteKit 2: руны вместо старых сторов, типизация компонентов и безопасная работа с SSR. ★ 40 451звёзд репо power-bi-custom-visuals-development официальный github Правило для GitHub Copilot, которое подсказывает агенту, как писать кастомные визуалы Power BI на React, D3.js и TypeScript. ★ 40 451звёзд репо

Из того же набора140

htmx-go-fiber-cursorrules-prompt-file Правило Cursor для проектов на Go с Fiber и HTMX: задаёт структуру папок, роутинг и работу с шаблонами, чтобы агент не изобретал своё. ★ 41 024звёзд репо htmx-flask-cursorrules-prompt-file Правило задаёт соглашения для HTMX-приложений на Flask: шаблоны, формы, маршруты, базу данных и структуру проекта. Пригодится для серверного рендеринга. ★ 41 024звёзд репо htmx-django-cursorrules-prompt-file Правило для Cursor, которое задаёт агенту привычки Django при работе с HTMX: шаблоны, формы, CSRF, class-based views. ★ 41 024звёзд репо htmx-basic-cursorrules-prompt-file Задаёт Cursor правила разработки на HTMX: базовые атрибуты, структуру папок с бэкендом на app.py и принципы серверного рендеринга шаблонов. ★ 41 024звёзд репо how-to-documentation-cursorrules-prompt-file Правило превращает технические шаги, тест-скрипты и скриншоты в пошаговые инструкции для нетехнических пользователей. Пригодится, когда нужно писать «How To» по фиче. ★ 41 024звёзд репо hol-hedera-typescript-cursorrules-prompt-file Набор инструкций для Cursor по разработке ИИ-агентов на Hedera с Hashgraph Online SDK на TypeScript. Помогает соблюдать стандарты HCS и TDD. ★ 41 024звёзд репо harmony-arkts Правило задаёт практики для HarmonyOS ArkTS: компоненты, состояние, ресурсы, разметка, жизненный цикл и доступность. Подходит для проектов с файлами .ets. ★ 41 024звёзд репо graphical-apps-development-cursorrules-prompt-file Правило Cursor, которое задаёт агенту контекст проекта Pyllments: графовые LLM-приложения на Python с Panel и Langchain. ★ 41 024звёзд репо

Спонсоры проекта

Компании, которые помогают держать аналитику открытой