원클릭으로 Manus에서 모든 스킬 실행

components

스타2

포크0

업데이트2026년 2월 20일 02:02

Use when designing, implementing, or reviewing React/TypeScript components with naming conventions, props typing, hooks usage, and UnoCSS styling standards.

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

JsonLee12138

JsonLee12138/prompts

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

Components

Overview

Design and review React/TypeScript components with consistent naming, typing, hooks, and UnoCSS styling.

Quick Workflow

Define component type and responsibility (UI, business, container, page, layout).
Define props and dependencies explicitly.
Implement with typed props and function components.
Apply UnoCSS classes and CSS variables.
Review against the checklist.

Common Mistakes

Mixing UI and data-fetch logic in a single component.
Missing props types or using any.
Inline styles instead of UnoCSS utilities.
Unstable callbacks and missing dependency arrays.

Resources

references/standards.md
references/checklist.md
references/templates.md

이 저장소의 다른 Skills

같은 저장소

actions-npm

JsonLee12138/prompts

Use when creating or debugging GitHub Actions workflows that publish npm packages with trusted publishing / OIDC. Triggers on npm publish in CI, ENEEDAUTH, E404 or E422 during publish, tag-triggered releases, setup-node auth behavior, or provenance issues in public vs private GitHub repositories.

2026-05-112

makefile

JsonLee12138/prompts

Use when creating, editing, or validating Makefiles. Provides templates for Go, Node, Python, Docker, and Monorepo projects with self-documenting help targets. Also validates existing Makefiles against conventions. Triggers on: Makefile, makefile, make help, validate makefile, lint makefile.

2026-04-232

claude-design

JsonLee12138/prompts

Unified design workflow router for critique, accessibility review, developer handoff, design system work, UX copy, user research, and research synthesis. Use when users ask naturally for design feedback, mockup review, a11y audit, handoff specs, UX writing, research planning, research synthesis, or mention Figma, Pencil, or HTML design workflows and should not need to invoke separate sub-skills manually.

2026-04-212

brainstorming

JsonLee12138/prompts

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Turn rough ideas into validated brainstorming/design docs through one-question-at-a-time dialogue, role-based analysis, and explicit user approval. Use when users ask to brainstorm, shape requirements, compare approaches, or produce a planning/design document before implementation.

2026-03-022

unocss-shadcn

JsonLee12138/prompts

Configure UnoCSS with unocss-preset-shadcn using a semi-automatic, framework-agnostic workflow. Use when setting up or updating UnoCSS + shadcn integration, deciding monorepo vs single-project component destinations, enforcing peerDependencies in monorepos, and requiring shadcn MCP + manual component creation mode.

2026-02-272

vite-tanstack

JsonLee12138/prompts

TanStack (Router/Query/Form/Table) configuration guide for Vite + React projects. Covers Vite plugin setup, main.tsx registration, DevTools configuration, and editor settings. Use when setting up or reviewing TanStack config in a Vite project. Triggers on: vite-tanstack, tanstack config, tanstack router setup, tanstack query setup, tanstack form setup, tanstack table setup.

2026-02-242

원클릭으로 모든 스킬 실행

name	components
description	Use when designing, implementing, or reviewing React/TypeScript components with naming conventions, props typing, hooks usage, and UnoCSS styling standards.