cruldra/react-component-porter
skills/react-component-porter/SKILL.md
使用当前项目的技术栈将提供的react组件代码片段1:1复刻到当前项目中
development
Updated Apr 27, 2026
$ install --global
skillsauthnpx skillsauth add cruldra/skills react-component-porterInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 27, 2026, 3:56 AM17.6s1 file scanned
SKILL.md
- name:
- react-component-porter
- description:
- 使用当前项目的技术栈将提供的react组件代码片段1:1复刻到当前项目中
react-component-porter
使用当前项目的技术栈将提供的react组件代码片段1:1复刻到当前项目中
When to use
- 当用户说"帮我复刻这个组件"并提供了react组件代码片段时
Instructions
- 探索当前项目使用的技术栈，包括但不限于：UI库（如Material-UI、Ant Design等）、图标库、状态管理工具（如Redux、MobX等）、样式解决方案（如CSS Modules、Styled Components等）以及其他相关工具和库。
- 分析提供的react组件代码片段，理解其结构、功能和依赖关系。
- 根据当前项目的技术栈，将提供的组件代码片段进行1:1复刻，确保代码风格和项目规范一致。
- 在复刻过程中，注意处理组件的状态管理、样式和依赖关系，确保复刻后的组件在当前项目中能够正常工作。
- (重点)移除提供的组件代码片段中所有背景颜色相关的样式,以适应当前项目的主题系统
Related Skills
cruldra/agent-testing
testing
VerifiedTrustedCommunity
智能体 UAT 验收测试技能。用于验证智能体在真实场景下的表现是否满足预期。支持任意智能体框架（langchain、langgraph、deepagents、crewai 等）。触发词：测试智能体、验收测试、agent test、UAT
SKILL.mdUpdated Jun 4, 2026
cruldra/using-spx-cli
tools
VerifiedTrustedCommunity
Use when you need to create a Gitea issue, update its spec/plan markers, read or merge an issue's state JSON, or post a PR review comment in a repo that uses the spx CLI (superpowers-vscode workflow).
SKILL.mdUpdated May 26, 2026
cruldra/coding-standards
development
VerifiedTrustedCommunity
Use when implementing, modifying, refactoring, or reviewing code and the agent must follow explicit coding standards for simplicity, readability, maintainability, testability, project conventions, and minimal safe changes.
SKILL.mdUpdated May 26, 2026
cruldra/using-deepagents-sdk
development
VerifiedTrustedCommunity
Use when integrating the deepagents SDK into a Python project — creating agents, configuring backends, adding subagents, middleware, memory, or skills. Also use when debugging deepagents agents or choosing between StateBackend, FilesystemBackend, and LocalShellBackend.
SKILL.mdUpdated May 26, 2026