liaosw97 - 示例提示模板： "使用 TypeScript 和 Tailwind CSS 创建一个名为 {ComponentName} 的 React 组件。它应该 {功能描述}。Props 应该包括 {带类型的 props 列表}。组件应该 {任何特定的样式或行为注释}。请提供完整的组件代码。"
- 记住将 和 等占位符替换为项目中使用的实际值。
React Components React Component Prompt Example by liaosw97 · fe37ce9
npx skillmds@latest add liaosw97/react-components-react-component-prompt-example File contents
---name: react-components-react-component-prompt-exampledescription: 为生成具有特定说明的 React 组件提供示例提示模板。---- 示例提示模板： "使用 TypeScript 和 Tailwind CSS 创建一个名为 {ComponentName} 的 React 组件。它应该 {功能描述}。Props 应该包括 {带类型的 props 列表}。组件应该 {任何特定的样式或行为注释}。请提供完整的组件代码。"- 记住将 <ui_package_path> 和 <app_package_alias> 等占位符替换为项目中使用的实际值。
liaosw97/awesome-rules-skills/tree/main/plugins/react/skills/react-components-react-component-prompt-example commit fe37ce992f
Frequently asked questions
Run npx skillmds@latest add liaosw97/react-components-react-component-prompt-example in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
为生成具有特定说明的 React 组件提供示例提示模板。 It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
liaosw97 (@liaosw97) published this skill. Their other Agent Skills are listed on their SkillMD profile.