cc-skill-frontend-patterns – skill Thiết kế & UI cho agent AI
Mẫu phát triển frontend cho React, Next.js, quản lý state, tối ưu hiệu năng và thực hành tốt về UI.
Cài skill cc-skill-frontend-patterns 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/cc-skill-frontend-patterns-d26ed.tgz | tar xz -C ~/.claude/skills
Gọi trong Claude Code: /cc-skill-frontend-patterns – 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/cc-skill-frontend-patterns-d26ed.tgz | tar xz -C ~/.codex/skills
Gọi trong Codex: $cc-skill-frontend-patterns – 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/cc-skill-frontend-patterns-d26ed.tgz | tar xz -C ~/.hermes/skills
Gọi trong Hermes Agent: /cc-skill-frontend-patterns – 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/cc-skill-frontend-patterns-d26ed.tgz | tar xz -C ~/.deepcode/skills
Gọi trong DeepSeek: /cc-skill-frontend-patterns – 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.
Frontend Development Patterns
Modern frontend patterns for React, Next.js, and performant user interfaces.
Detailed Guide
Read [the detailed guide](references/detailed-guide.md) before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.
When to Use
This skill is applicable to execute the workflow or actions described in the overview.
Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
Skill liên quan
- ckw-design – Điểm vào thiết kế frontend: hướng đi, hệ thống thiết kế, triết lý thị giác. Dùng bất cứ…
- inbox-triage – Chạy phân loại hộp thư đầy đủ bằng knowledge base được tạo bởi skill 'inbox-setup'…
- claymorphism – Hướng dẫn triển khai Claymorphism cho Web và App. Kích hoạt khi người dùng muốn các phần…
- interview-system-designer – Skill này nên được dùng khi người dùng yêu cầu "design interview processes", "create…
- popular-web-designs – 54 hệ thống thiết kế thực tế (Stripe, Linear, Vercel) dưới dạng HTML/CSS.
- codebase-design – Từ vựng chung để thiết kế module sâu. Dùng khi người dùng muốn thiết kế hoặc cải thiện…
- codebase-to-wordpress-converter – Skill chuyên gia chuyển đổi bất kỳ codebase nào (React/HTML/Next.js) thành theme…
- react-native-design – Làm chủ styling, navigation và animation Reanimated trong React Native cho phát triển…