external/antfu-skills/unocss/SKILL.md
UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules, shortcuts, or working with presets like Wind, Icons, Attributify.
npx skillsauth add seikaikyo/dash-skills unocssInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
UnoCSS is an instant atomic CSS engine designed to be flexible and extensible. The core is un-opinionated - all CSS utilities are provided via presets. It's a superset of Tailwind CSS, so you can reuse your Tailwind knowledge for basic syntax usage.
Important: Before writing UnoCSS code, agents should check for uno.config.* or unocss.config.* files in the project root to understand what presets, rules, and shortcuts are available. If the project setup is unclear, avoid using attributify mode and other advanced features - stick to basic class usage.
The skill is based on UnoCSS 66.x, generated at 2026-01-28.
| Topic | Description | Reference | |-------|-------------|-----------| | Configuration | Config file setup and all configuration options | core-config | | Rules | Static and dynamic rules for generating CSS utilities | core-rules | | Shortcuts | Combine multiple rules into single shorthands | core-shortcuts | | Theme | Theming system for colors, breakpoints, and design tokens | core-theme | | Variants | Apply variations like hover:, dark:, responsive to rules | core-variants | | Extracting | How UnoCSS extracts utilities from source code | core-extracting | | Safelist & Blocklist | Force include or exclude specific utilities | core-safelist | | Layers & Preflights | CSS layer ordering and raw CSS injection | core-layers |
| Topic | Description | Reference | |-------|-------------|-----------| | Preset Wind3 | Tailwind CSS v3 / Windi CSS compatible preset (most common) | preset-wind3 | | Preset Wind4 | Tailwind CSS v4 compatible preset with modern CSS features | preset-wind4 | | Preset Mini | Minimal preset with essential utilities for custom builds | preset-mini |
| Topic | Description | Reference | |-------|-------------|-----------| | Preset Icons | Pure CSS icons using Iconify with any icon set | preset-icons | | Preset Attributify | Group utilities in HTML attributes instead of class | preset-attributify | | Preset Typography | Prose classes for typographic defaults | preset-typography | | Preset Web Fonts | Easy Google Fonts and other web fonts integration | preset-web-fonts | | Preset Tagify | Use utilities as HTML tag names | preset-tagify | | Preset Rem to Px | Convert rem units to px for utilities | preset-rem-to-px |
| Topic | Description | Reference | |-------|-------------|-----------| | Variant Group | Shorthand for grouping utilities with common prefixes | transformer-variant-group | | Directives | CSS directives: @apply, @screen, theme(), icon() | transformer-directives | | Compile Class | Compile multiple classes into one hashed class | transformer-compile-class | | Attributify JSX | Support valueless attributify in JSX/TSX | transformer-attributify-jsx |
| Topic | Description | Reference | |-------|-------------|-----------| | Vite Integration | Setting up UnoCSS with Vite and framework-specific tips | integrations-vite | | Nuxt Integration | UnoCSS module for Nuxt applications | integrations-nuxt |
tools
Conduct comprehensive GDPR compliance assessments by evaluating data processing activities against EU Regulation 2016/679, including Article 30 records of processing, lawful basis validation, data subject rights implementation, Data Protection Impact Assessments (DPIAs) under Article 35, breach notification procedures, international transfer safeguards (SCCs, adequacy decisions), and technical/organizational measures under Article 32. Use when processing personal data of EU residents, preparing for supervisory authority audits, implementing privacy-by-design for new systems, scoping compliance gaps for M&A due diligence, assessing third-party processors, or responding to data subject access requests at scale. Incorporates 2026 guidance from ICO, EDPB, and post-Data (Use and Access) Act 2025 UK-GDPR considerations. Do not use for implementing specific Article 32 controls — use implementing-gdpr-data-protection-controls; or for DSAR automation — use implementing-gdpr-data-subject-access-request.
tools
Parse Windows forensic artifacts—$MFT/$J (MFTECmd), Prefetch (PECmd), registry hives (RECmd), shellbags, and Amcache—into normalized CSV/JSON with Eric Zimmerman's EZ Tools, then load results into Timeline Explorer for analysis. Use during DFIR/incident-response investigations, after triage collection (e.g. with KAPE), to establish program execution, file/folder access, and persistence evidence from acquired forensic images.
development
Build automated multi-turn adversarial attacks against conversational LLM targets using Microsoft PyRIT's RedTeamingOrchestrator, CrescendoOrchestrator (gradual escalation), and TreeOfAttacksWithPruningOrchestrator (adaptive branching), with scorer feedback loops and persisted conversation memory. Use when single-shot LLM scanning is insufficient and you need multi-turn, scorer-driven AI red-team campaigns against a chatbot or agent.
testing
Stand up MISP, enable and cache curated threat feeds (CIRCL, abuse.ch, Feodo Tracker), apply warninglists to suppress false positives, query indicators with PyMISP, and export attributes as auto-generated Suricata/Sigma/Wazuh detection rules. Use when maturing a MISP instance to actively drive detection, curating threat feeds with quality controls, or automating IOC-to-detection pipelines for the SIEM/IDS.