gemini-frontend-assistant
关于
This skill uses the Gemini CLI to generate frontend UI code from text descriptions or images. It specializes in creating React components with Tailwind CSS, making it ideal for converting screenshots or design concepts into working code. Developers should use it for rapid prototyping, styling assistance, and code refactoring tasks.
快速安装
Claude Code
推荐npx skills add mattnigh/skills_collection -a claude-code/plugin add https://github.com/mattnigh/skills_collectiongit clone https://github.com/mattnigh/skills_collection.git ~/.claude/skills/gemini-frontend-assistant在 Claude Code 中复制并粘贴此命令以安装该技能
GitHub 仓库
相关推荐技能
chatbot-widget-creator
其他这是一个为开发者提供的生产级聊天机器人小部件创建工具，能快速构建类似ChatGPT的交互界面。它解决了无限重渲染等常见生产问题，并内置了文本选择提问、SSE流式响应和RAG后端集成等关键功能。开发者可将其直接集成到前端项目中，获得一个具备完善监控和调试工具的开箱即用解决方案。
chatbot-widget-creator
其他这个Skill为开发者提供可直接部署的生产级聊天机器人小组件，特别适合需要集成AI助手到现有网站或应用中的场景。它解决了无限重渲染等常见生产问题，并内置文本选择提问、SSE流式响应和RAG后端集成等关键功能。开发者可通过该Skill快速获得一个具备ChatGPT风格界面和完整监控能力的可定制化聊天组件。
typescript-docs
其他这个Skill帮助开发者创建全面的TypeScript文档，支持JSDoc、TypeDoc和多层文档架构。它能生成API文档、架构决策记录(ADRs)和代码示例，特别支持NestJS、Express、React、Angular和Vue等框架。当需要为TypeScript项目生成API文档、添加模块注释或创建框架特定文档时，直接调用即可快速获得生产就绪的文档方案。
react-patterns
其他这是一个全面的React 19专家助手，专门帮助开发者掌握最新功能如Server Components、Actions和并发特性。它适用于组件架构设计、状态管理优化以及实现React 19新特性的任何开发场景。该Skill特别擅长使用TypeScript进行现代React开发，并能主动提供性能优化和最佳实践建议。