{
    "format": "skillpro/v1",
    "skill_id": "moeru-ai-airi-agents-skills-unocss-skill-md",
    "name": "unocss",
    "version": "1.0.0",
    "description": "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.",
    "category": [
        "内容创作"
    ],
    "trigger_words": [],
    "tags": [
        "writing",
        "ai"
    ],
    "source": "DeepseekModel",
    "source_url": "https://deepseekmodel.com/skill?id=moeru-ai-airi-agents-skills-unocss-skill-md",
    "exported_at": "2026-09-18T17:55:59+08:00",
    "system_prompt": "name unocss description 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. metadata {\"author\":\"Anthony Fu\",\"version\":\"2026.1.28\",\"source\":\"Generated from https://github.com/unocss/unocss, scripts located at https://github.com/antfu/skills\"} 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. Core 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 Presets Main Presets 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 Feature Presets 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 Transformers 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 Integrations 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",
    "model_config": {
        "provider": "deepseek",
        "model": "deepseek-chat",
        "temperature": 0.7,
        "max_tokens": 4096,
        "top_p": 0.9
    },
    "examples": [
        {
            "input": "请用unocss帮我处理问题",
            "output": "好的，我是unocss。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. 我会根据你的需求提供专业帮助。"
        },
        {
            "input": "介绍一下你的能力",
            "output": "我是unocss，专注于内容创作领域。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."
        }
    ],
    "install_guide": {
        "coze": "在 Coze 平台创建 Bot -> 技能配置 -> 导入此 .skill 文件",
        "dify": "在 Dify 平台创建应用 -> 添加知识库 -> 导入此 .skill 配置",
        "claude": "将 system_prompt 字段内容复制到 Claude 自定义指令中",
        "custom": "将此 .skill 文件加载到你的 AI Agent 框架中，解析 system_prompt 和 model_config 即可使用"
    },
    "scripts": {
        "python": "# unocss - Python extension\n# Add custom Python logic here\ndef process(input_data):\n    return input_data\n",
        "javascript": "// unocss - JavaScript extension\n// Add custom JS logic here\nfunction process(inputData) {\n    return inputData;\n}\n"
    },
    "tools": {
        "mcp_servers": [],
        "api_endpoints": []
    },
    "dependencies": {
        "python": [],
        "node": []
    },
    "hooks": {
        "on_load": "echo \"Skill loaded: unocss\"",
        "on_call": "",
        "on_error": "echo \"Skill error: please check logs\""
    }
}