design-philosophy – skill Thiết kế & UI cho agent AI
Triết lý thị giác và định hướng nghệ thuật cho frontend. Dùng khi tạo tác phẩm mang tính ý tưởng cao, chiến dịch, hoặc khi người dùng yêu cầu triết lý thị giác, tuyên ngôn hay thẩm mỹ kiểu nghệ thuật đặc trưng.
Cài skill design-philosophy bằng một lệnh
Chọn công cụ bạn đang dùng, copy lệnh và dán vào terminal. Skill sẽ nằm trong thư mục skills của công cụ đó và sẵn sàng dùng ở phiên làm việc tiếp theo.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/design-philosophy-0685f.tgz | tar xz -C ~/.claude/skills
Gọi trong Claude Code: /design-philosophy – rồi mô tả công việc bạn muốn làm.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/design-philosophy-0685f.tgz | tar xz -C ~/.codex/skills
Gọi trong Codex: $design-philosophy – rồi mô tả công việc bạn muốn làm.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/design-philosophy-0685f.tgz | tar xz -C ~/.hermes/skills
Gọi trong Hermes Agent: /design-philosophy – rồi mô tả công việc bạn muốn làm.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/design-philosophy-0685f.tgz | tar xz -C ~/.deepcode/skills
Gọi trong DeepSeek: /design-philosophy – rồi mô tả công việc bạn muốn làm.
Nội dung SKILL.md
Nội dung SKILL.md gốc bằng tiếng Anh.
Design philosophy
When to Use
Use this skill when you need visual philosophy and art-direction for frontend. Use when creating high-concept work, campaigns, or when the user asks for a visual philosophy, manifesto, or unmistakable art-like aesthetic.
Apply with design for high-concept work, campaigns, or when the user asks for a visual philosophy, manifesto, or art-like aesthetic. This skill guides creating a named movement and expressing it visually.
Visual philosophy (when creating "art" or high-concept work)
1. Name the movement (1–2 words): e.g. "Brutalist Joy," "Chromatic Silence," "Metabolist Dreams."
2. Articulate in 4–6 paragraphs how the philosophy manifests through: space and form; color and material; scale and rhythm; composition and balance; visual hierarchy. Avoid redundancy; each aspect once.
3. Craftsmanship: Stress that the work should look meticulously crafted, labored over with care, the product of deep expertise — "painstaking attention," "master-level execution." Repeat this framing.
4. Minimal text: Information lives in design, not paragraphs. Text sparse and essential; integrated as visual element.
5. Creative space: Be specific about direction but concise so the executor can make high-level interpretive choices with the same level of craft.
For philosophy examples, see [reference.md](reference.md). The numbered checklist above is the canonical generation procedure.
Deducing the subtle reference
Before building: identify one subtle conceptual thread from the request. The topic is a subtle, niche reference embedded in the work — not literal, always sophisticated. Someone familiar with the subject should feel it intuitively; others experience a strong abstract composition. Weave it into form, color, and composition. "Jazz quote" principle: only those who know catch it; everyone benefits.
Limitations
- Use this skill only when the task clearly matches its upstream source and local project context.
- Verify commands, generated code, dependencies, credentials, and external service behavior before applying changes.
- Do not treat examples as a substitute for environment-specific tests, security review, or user approval for destructive or costly actions.
Skill liên quan
- design-spatial – Thiết kế — bố cục không gian
- design-spells – Các micro-interaction và chi tiết thiết kế được chọn lọc, tạo "phép thuật" và cá tính…
- design-system – Các bất biến triển khai cơ học cho thiết kế frontend: kiến trúc token, phân cấp…
- design-taste-frontend – Dùng khi xây dựng giao diện frontend có tính chủ động cao, với gu thiết kế nghiêm ngặt…
- design-theme-guide – Sổ đăng ký design token: màu sắc, typography, khoảng cách và bo góc, với giá trị sáng và…
- design-thinking – Định hướng và ý đồ cho frontend design. Dùng cùng design khi xác định mục đích, tông…
- design-token-contrast – Kiểm tra độ tương phản WCAG 2.2 giữa các color token của dự án (theme sáng và tối) và đề…
- design-ux – Kiểm tra UX / khả năng sử dụng: đánh giá heuristic cho UI TƯƠNG TÁC (không chỉ là độ…