mirror of
https://github.com/ngthanhvu/kr-phim.git
synced 2026-08-10 17:47:47 +00:00
ngthanhvu
11871805dd
- Add 188+ AI agent skill files across 11 categories (Development, DevOps, Security, Data, Design, Writing, Integrations, Documents & Media, Education) - Update CLAUDE.md with new CI/CD Builder skill reference - Update AGENTS.md with complete skill index organized by category - Update .cursorrules configuration file - Add .gitea/ workflows directory
68 lines
1.8 KiB
Markdown
68 lines
1.8 KiB
Markdown
---
|
|
name: design-system
|
|
display_name: Design System
|
|
description: Build complete design systems — component tokens, Storybook stories, Figma variables, and living style guides.
|
|
category: Creative & Design
|
|
platforms: [claude.ai, claude-code, api]
|
|
version: 1.0.0
|
|
author: Claude Code
|
|
tags: [design-system]
|
|
---
|
|
|
|
# Design System
|
|
|
|
## Overview
|
|
|
|
Build complete design systems — component tokens, Storybook stories, Figma variables, and living style guides.
|
|
|
|
## When to Use This Skill
|
|
|
|
Use **Design System** when you need to:
|
|
|
|
- Work with design system tasks in your project or workflow
|
|
- Automate design system operations at scale
|
|
- Generate production-quality design system output quickly
|
|
|
|
## Instructions
|
|
|
|
When this skill is active, Claude will:
|
|
|
|
1. Understand the full context of your design system request
|
|
2. Apply best practices and conventions for Creative & Design
|
|
3. Produce clean, well-structured, production-ready output
|
|
4. Explain key decisions and offer alternatives where relevant
|
|
|
|
## Examples
|
|
|
|
### Example 1 — Basic Usage
|
|
|
|
**User:** Help me get started with design system.
|
|
|
|
**Claude:** I'll walk you through the essential steps for design system in your context...
|
|
|
|
### Example 2 — Advanced Usage
|
|
|
|
**User:** I need a production-ready design system setup with full error handling.
|
|
|
|
**Claude:** Here's a complete, production-hardened design system implementation...
|
|
|
|
## Guidelines
|
|
|
|
- Always validate inputs before processing
|
|
- Follow the conventions of the target platform or language
|
|
- Prefer explicit over implicit — clarity beats cleverness
|
|
- Include comments for non-obvious logic
|
|
- Suggest tests or validation steps where appropriate
|
|
|
|
## Dependencies
|
|
|
|
Required: react, storybook
|
|
|
|
## Platforms
|
|
|
|
Available on: claude.ai, claude-code, api
|
|
|
|
---
|
|
|
|
*Part of the [claude-skills](https://github.com/inbharatai/claude-skills) collection — 183+ skills for Claude.*
|