Components

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

jsonlee12138 d60ae71 5 files · 4.3 KB Updated

File contents

Components

Overview

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

Quick Workflow

  1. Define component type and responsibility (UI, business, container, page, layout).
  2. Define props and dependencies explicitly.
  3. Implement with typed props and function components.
  4. Apply UnoCSS classes and CSS variables.
  5. 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

jsonlee12138/prompts/tree/main/skills/components commit d60ae7124e

Frequently asked questions

npx skillmds@latest add jsonlee12138/components