mirror of
https://github.com/ngthanhvu/kr-phim.git
synced 2026-08-10 13:27:46 +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.9 KiB
Markdown
68 lines
1.9 KiB
Markdown
---
|
|
name: react-component
|
|
display_name: React Component
|
|
description: Build production-ready React components — hooks, context, accessibility, TypeScript types, and Storybook stories.
|
|
category: Development
|
|
platforms: [claude.ai, claude-code, api]
|
|
version: 1.0.0
|
|
author: Claude Code
|
|
tags: [react-component]
|
|
---
|
|
|
|
# React Component
|
|
|
|
## Overview
|
|
|
|
Build production-ready React components — hooks, context, accessibility, TypeScript types, and Storybook stories.
|
|
|
|
## When to Use This Skill
|
|
|
|
Use **React Component** when you need to:
|
|
|
|
- Work with react component tasks in your project or workflow
|
|
- Automate react component operations at scale
|
|
- Generate production-quality react component output quickly
|
|
|
|
## Instructions
|
|
|
|
When this skill is active, Claude will:
|
|
|
|
1. Understand the full context of your react component request
|
|
2. Apply best practices and conventions for Development
|
|
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 react component.
|
|
|
|
**Claude:** I'll walk you through the essential steps for react component in your context...
|
|
|
|
### Example 2 — Advanced Usage
|
|
|
|
**User:** I need a production-ready react component setup with full error handling.
|
|
|
|
**Claude:** Here's a complete, production-hardened react component 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, typescript
|
|
|
|
## Platforms
|
|
|
|
Available on: claude.ai, claude-code, api
|
|
|
|
---
|
|
|
|
*Part of the [claude-skills](https://github.com/inbharatai/claude-skills) collection — 183+ skills for Claude.*
|