写前端代码 的 AI Skill
共 391 个，按热度排序。把写前端代码这件事交给 AI 来做。
design.md
为AI编码代理提供视觉设计规范的格式标准
React
React应用开发、调试与代码审查的专家级助手
React
React应用开发、调试与代码审查的专属助手
React
专注于React应用开发、调试与代码审查的AI助手
React
专注于React应用开发、调试与代码审查的全栈助手
React
React应用开发、调试与代码审查的AI助手
React
专为React应用开发、调试与代码审查设计的AI助手技能。
atlas-vision-mcp
为纯文本编程AI添加视觉能力的MCP桥接工具
NextJS
一站式 Next.js App Router 开发助手
web-development
Web前端开发全流程辅助工具
web-development
Web前端开发全流程辅助Skill
web-development
专注于Web前端开发与部署的AI助手技能
web-development
专注于Web前端开发实现、调试与部署的AI技能。
web-development
专注于Web前端开发、调试与部署的AI助手技能。
web-development
专注于Web前端开发与部署的AI助手，尤其擅长React、Vue、Vite和云开发。
web-development
专注于产品方向明确后的Web前端实现与部署，尤其擅长React、Vue、Vite等技术栈。
web-development
专为明确产品方向后的Web前端开发、调试与部署提供支持。
web-development
专注于Web前端开发、调试与部署的AI助手技能。
web-development
为明确产品方向后的Web前端开发提供全流程支持。
web-development
专注于Web前端开发、构建、调试与部署的AI助手技能。
JavaScript
专精JavaScript代码编写、调试与审查的AI助手
Tailwind CSS
专业调试Tailwind CSS的AI助手
pi-construct
一个用于管理项目本地依赖的极简Pi加载菜单。
Next.js Tailwind Assistant
专为Next.js与Tailwind CSS开发者打造的AI助手，提供组件、文档与模式支持。
HTML
修复HTML语义、表单、可访问性及嵌入问题
HTML
HTML标记编写、审查与修复专家
HTML
HTML标记编写、审查与修复专家
HTML
专业修复HTML标记问题的AI技能
Ponytail
资深开发者模式，以“懒”为哲学，专注编码任务。
sideshow
为终端AI编程代理提供实时可视化界面
@zigai/pi-footer
将Pi应用底部栏替换为紧凑状态行。
Tdd
遵循红-绿-重构循环，实现测试驱动开发的编码与调试技能。
Auto Coding V3
全子代理架构的智能自主编码系统
Svelte
Svelte/SvelteKit 开发助手：调试、构建与迁移
Svelte
Svelte/SvelteKit 应用构建、调试与审查专家
frontend-design
通过精心设计的调色板、字体和布局，创建独特且可访问的前端界面。
frontend-design
打造精美可访问的前端界面
frontend-design
通过精心设计的色彩、字体与布局，创建独特且可访问的前端界面。
pi-vimmode
为Pi编程助手添加Vim模式
ia-react-frontend
提供React、TypeScript、Next.js等前端架构与开发的最佳实践和代码示例。
ia-react-frontend
React前端开发架构与最佳实践指南
ia-react-frontend
React架构模式与TypeScript最佳实践
ia-react-frontend
React 前端架构与 TypeScript 开发技能
ia-react-frontend
React前端架构模式与开发实战指南
ia-react-frontend
React架构、TypeScript、Next.js与测试的AI编码助手
ia-react-frontend
React 前端开发最佳实践与测试辅助
ia-react-frontend
React前端架构与TypeScript最佳实践
ia-react-frontend
为React/Next.js前端开发提供架构模式与最佳实践指导
pi-web-chat
为Pi编码助手提供OpenWebUI风格、移动友好的Web界面
figma-to-mobile
将Figma设计稿智能转换为多平台移动端UI代码。
figma-to-mobile
将Figma设计稿智能转换为多平台移动端UI代码
pi-provider-kiro-dev
为AI编程助手提供Kiro（AWS CodeWhisperer/Q）API支持的扩展。
SwiftAgents
为Swift/SwiftUI开发者提供AI代码生成规则，提升代码质量。
pi-jetbrains-junie-bridge
连接Pi智能体与JetBrains Junie AI后端的桥梁
通用大模型 GPT 5.5
OpenAI通用大模型，平衡推理质量与响应速度，适用于多种任务。
code-quality-principles
应用KISS/YAGNI/SOLID原则编写干净低复杂度代码
code-quality-principles
应用KISS、YAGNI、SOLID原则，生成简洁、低复杂度的代码。
hyperframes-core
HyperFrames composition合约，构建可渲染项目
hyperframes-core
HyperFrames组合合约，构建可渲染项目
hyperframes-core
构建可渲染项目的组合框架与规则
Pair Programming Cellcog
基于CellCog桌面的AI结对编程助手，直接在本地机器上编码、调试和重构。
大模型对话 Claude Opus 4.7
Anthropic旗舰多模态模型，擅长长上下文推理与复杂任务编排。
tanstack
使用 TanStack 全家桶构建类型安全的 React 应用。
architecture-paradigm-client-server
应用客户端-服务器架构于Web/移动应用
tanstack
构建类型安全的React应用，集成数据管理、路由和SSR。
architecture-paradigm-client-server
应用客户端-服务器架构于Web/移动应用
tanstack
构建类型安全的React全栈应用，涵盖数据、路由与SSR。
tanstack
基于TanStack生态构建类型安全的React全栈应用。
architecture-paradigm-client-server
应用客户端-服务器架构模式，构建Web/移动应用。
tanstack
用 TanStack 构建类型安全的 React 应用
avtc-pi-settings-ui
为PI扩展提供基于Schema的声明式设置界面
@glemsom/pi-my-look
为PI平台提供现代化UI美化与品牌增强组件
fswe
24模块全栈工程技能，覆盖架构到安全
pi-vim
为Pi的TUI编辑器提供Vim风格模态编辑的插件
Tailwind V4
Tailwind v4 CSS优先配置与设计令牌工具
fswe
24模块全栈工程技能，覆盖架构、API、性能、测试、DevOps等
@dreki-gg/pi-lsp
为pi编辑器提供语言无关的LSP代码智能支持
hug-html
一个基于网格的HTML/CSS可视化编辑器，提供原子组件和模板快速构建页面。
hug-html
基于原子组件的HTML可视化编辑器与生成器
hug-html
网格感知的HTML可视化编辑器，8种原子组件自由组合
@leohenon/pi-vim
为pi编辑器添加Vim模式，提升代码编辑效率。
tencentmap-jsapi-gl-skill
腾讯地图JSAPI GL开发指南，助力地图应用开发
Cinematic Scroll
打造电影级滚动驱动动画网站
avtc-pi-ui-components
PI扩展的对话框协调器与带备注的选择组件
Cinematic Scroll
打造电影级滚动视差动画网站
Cinematic Scroll
打造电影级滚动驱动3D视差网站
Design Taste Frontend
用于着陆页、作品集和重设计项目的抗平庸前端技能
Design Taste Frontend
为着陆页和作品集注入设计品味的AI前端技能
Design Taste Frontend
避免草率设计的前端生成技能
typescript-dev
基于现代技术栈的全栈TypeScript应用开发脚手架
typescript-dev
基于现代技术栈的TypeScript全栈开发脚手架
typescript-dev
全栈TypeScript开发套件，集成最新工具链
typescript-dev
全栈TypeScript开发环境，集成Vite/React/Tailwind/shadcn/ui等
Auth0 React
为React应用快速集成Auth0身份验证（已弃用）
Auth0 React
为 React 应用集成 Auth0 认证功能
@0xkahi/pi-qol
提升PI平台使用体验的便捷扩展工具集
Auth0 React
为React SPA集成Auth0登录/登出/保护路由的Skill（已废弃）
Auth0 React
为React SPA集成Auth0登录认证
Zustand State
Zustand 轻量状态管理库
@bigboss2063/pi-clip
精细复制AI助手输出内容到剪贴板
pi-atelier
为Pi提供响应式状态栏与实时活动侧边栏
@xl0/pi-lovely-codex
为Pi提供GPT快速模式和代码补丁应用能力
@zea.cl/soma-sdk
用于快速构建AI协作平台的React组件库。
@chat-suggestion/adapter-pi
为Pi编程助手提供安全的行内提示建议
statusline-pi
为Pi项目提供紧凑的状态栏，显示关键开发信息。
@thisux/pi-double-esc-clear
通过双击ESC键快速清空Pi编辑器草稿
pi-cc-status
为pi提供Claude Code风格的状态行显示
@xl0/pi-lovely-comment
在编辑器中打开并编辑AI的回复，实时同步到对话
pi-ghost-autocomplete
为Pi编码助手提供行内幽灵文本自动补全的扩展。
@ghoulm370/pi-zai-vision
为Pi平台提供基于GLM-4.6V的多模态视觉分析工具。
pi-kiro-provider
为Pi提供Kiro的AWS CodeWhisperer流式API扩展
pi-widget-host
管理Pi平台单一Widget插槽的多供应商宿主包
@graelo/pi-defer-modal
在用户输入时延迟弹出模态框，避免打断操作。
@joyanhui/pi-ext-bar-cursor
Pi编码代理光标扩展，块光标变竖线
pi-editor-cursor
为Pi编码代理编辑器提供闪烁光标和提示符
pi-provider-volcengine-codingplan
为Pi接入火山引擎Coding Plan，使用国内编码模型。
pi-go-bars
在网页页脚展示Go计划使用量的滚动、周度和月度进度条。
oh-my-design
一键为AI编程助手注入400+真实公司设计系统记忆
pi-od-mcp
将Open Design的MCP服务器桥接到Pi工具的扩展
pi-image-preview
在代码编辑器上方内嵌预览图片的扩展
@badliveware/pi-footer-framework
为Pi平台提供可配置的页脚框架扩展
pi-pixel-header
为网页添加带有随机猫普奇配色点缀的像素风格Pi徽标页眉。
pi-minimalist-ui
开源的Pi平台极简编辑器UI扩展
pi-tripwire
在Pi界面底部显示AI代理启动的本地服务器链接
@schultzp2020/pi-cursor
为Cursor IDE提供本地代理，解锁Pi订阅模型
@i-language/autocode
AI全流程代码开发工具，一次会话完成从编码到部署
@gogomi/pi-glsl-shader-vision
Pi 智能体内的 GLSL 着色器实时预览与调试工具
@dustydonkey/pi-spinner
为Pi设计的流畅加载动画与动态动词提示器
@thebinaryguy/pi-fast-mode
为Pi用户开启OpenAI Codex的持久快速模式。
pi-roles
为Pi编码助手提供基于角色的会话配置与热切换。
@metalbolicx/opencode-ponytail
为AI代理开启“资深懒人”开发模式，减少不必要的代码编写。
pi-web-providers-codex-cf
为Codex提供Pi平台Web扩展，集成ChatGPT订阅认证与Cloudflare渲染。
pi-which-key
Pi编辑器可搜索的快捷键备忘面板
@aizigao/pi-proxy-fetch
基于主机名规则智能路由fetch请求的Pi扩展包
@asermax/pi-cc-plugins
在Pi中直接使用Claude Code插件
@khmuhtadin/pi-stitch-mcp
连接Pi与Google Stitch MCP服务器，实现Figma设计稿一键生成多平台代码。
pi-to-chrome
一键将代码片段从AI发送至Chrome浏览器执行
@originintelligence/pi-figma
高效访问Figma设计文件的AI工具，优化Token消耗。
pi-autocomplete-overlay
将Pi的原生自动补全菜单显示为编辑器上方的覆盖层。
lite-questionnaire
轻量级交互式问卷工具，支持多种题型与条件逻辑。
@banon-labs/pi-inline-format
为严格π（Strict Pi）提供内联格式化功能的扩展项目。
@eliemessiecode/pi-render
为pi-coding-agent提供HTML页面浏览器渲染与自动保存功能
pi-super-curl
为Pi Agent增强HTTP请求能力，支持自动配置与JWT生成。
@wyattjoh/pi-openai-fast
为Pi编码助手启用OpenAI Codex快速模式，优化响应速度。
pi-bash-to-ps
将AI生成的Bash命令自动转换为Windows PowerShell命令
pi-footer-manager
统一管理 Pi 应用页脚，支持模块化组合与自定义布局。
pi-easy-footer
为PI平台提供页脚扩展与会话横幅的组件
cometchat-skills
通过AI编程助手为多种技术栈项目一键集成CometChat聊天功能。
pi-modalmotion
为AI输入编辑器提供Vim风格的模态编辑与光标移动能力。
@artale/pi-maze
带BFS求解、主题与计时的程序化迷宫生成工具
pi-dex
采用Codex界面风格的Pi编码工具变体
@elianiva/pi-ckers
为pi提供@file、@git、@jj模块化命名空间选择器
pi-side-preview
pi编辑器专用的右侧文件与图片预览扩展插件
@artale/pi-ye
提供Ye（侃爷）风格的专属通知音效资源
gogh
一个为AI编程助手提供前端设计决策支持的Obsidian知识库
pi-vim-motions
为Pi工具提供Vim风格的光标移动操作扩展
pi-pomodoro
为Pi编码助手打造的番茄计时扩展工具
@jd-erreape/pi-questionnaire
Pi生态专用的交互式问卷构建扩展工具
pi-extension-raptor-mini
为Pi的GitHub Copilot添加Raptor Mini模型的扩展插件
pi-suggest
为Pi UI的自动补全、标签、选择器提供LLM生成的下一步建议
pi-cache-timer
适用于Pi框架的页脚缓存计时扩展工具
pi-edit-replace-all
为Pi编辑工具新增全局替换能力的扩展包
@artale/pi-flutter
为Flutter开发提供实用工具，提升跨端开发效率
@artale/pi-seo
轻量易用的Web开发SEO实用工具集
pi-paste-context
基于剪贴板为任意编辑器提供编码上下文的Pi扩展
@artale/pi-social
社交媒体场景通用实用工具集合
pi-spell-check
Pi编码代理专用拼写语法检查扩展，一键修正错误
pi-window-title
自动管理编码场景下pi会话与tmux窗口标题
@artale/pi-blog
面向博客开发场景的实用工具npm包
publishing-astro-websites-agentic-skill
一个用于构建和部署Astro静态网站的Claude Code技能
claude-skill-vue-development
一个专为Vue 3 + TypeScript项目设计的测试驱动开发技能，确保代码质量和最佳实践。
dify
集成Dify API，快速生成Ant Design组件代码的MCP工具。
figma
将Figma设计稿自动转换为React Native代码的MCP工具。
Figma Node Explorer MCP服务器
支持REST API与MCP协议的Figma文件结构分析工具
magic
AI驱动UI组件生成，支持多IDE集成
sound
为Cursor AI代码生成过程添加音效反馈的MCP工具。
taroify
连接Taro React UI与大模型，快速检索小程序组件API的MCP工具
three
一个基于Three.js源码控制的MCP服务器，用于3D场景编程。
figma
连接AI编码代理与Figma的MCP服务器，实现设计与开发的快速集成。
mcp
快速集成占位图片生成服务的MCP工具
Tailwind to NativeWind MCP服务工具
Tailwind组件转NativeWind 4的MCP工具
v0
高效捕获v0.dev AI生成内容的MCP集成工具
AI
基于Dify API，快速生成前端组件代码的TypeScript MCP工具。
figma
一个集成React与TypeScript的MCP服务器开发模板
Figma MCP Server
连接Figma与大模型的MCP中间件，实现设计到代码的自动转换
Figma MCP服务器
连接AI与Figma，自动提取CSS与设计令牌的中间件
Framelink Figma MCP服务器
连接Figma与AI编程工具，实现设计稿到代码的一键转换。
Gravity Global Figma MCP
连接Figma与Cursor，实现设计稿到代码的自动转换
mcp
基于TypeScript与Express，集成D3可视化与代码生成的MCP工具
Mcp
集成VSCode的MCP工具，通过Google LLM快速生成HTML应用
test
基于Waku框架与Neon MCP开发的Anthropic API聊天界面
turbo
为Remix项目集成Tailwind CSS和MCP工具的开发模板
Mastergo Magic MCP
连接MasterGo与AI，便捷获取设计DSL数据的MCP工具。
ai-atelie
一个开源、本地优先的AI设计工作室，用于协作生成前端代码。
fable-frontend-skills
面向React/Next.js/Vite/Astro等现代前端框架的Claude Code企业级配置集
21st-dev-builder-v2
让AI成为21st.dev组件库专家，快速构建现代化网站。
a2ui_skills
帮助开发者快速生成符合A2UI 0.8协议的前端UI代码。
adr-source-v2
基于Next.js与Hygraph CMS的现代化网站开发框架
agent-docs
一个专为开发者设计的AI指令集，提升在IDE中的编码效率。
agent-elements
开箱即用的React组件库，用于构建AI聊天和工作流界面。
agent-skills
MagicPath AI组件的搜索、预览与管理工具
agent-skills
教授AI代理使用Valibot和Formisch库的技能合集
ai-toolkit
为AI助手注入Cypress官方知识，提升测试代码质量
amap-skills
专为AI IDE设计的高德地图JSAPI编程技能包
angular/angular-developer
专为Angular开发者设计的AI助手，提升开发效率与代码质量。
angular-best-practices
为AI编码助手提供精炼、可执行的Angular最佳实践规则集。
angular-skills
Angular官方AI技能包，用于辅助Angular应用开发。
Angular (TypeScript)
专为Angular开发者设计的TypeScript代码生成与辅助工具。
animate-skill
为Next.js/React应用提供动画模式和最佳实践的技能库。
animejs-skills
为Claude提供专业的Anime.js v4动画库开发技能
animate-text
一个用于在Next.js项目中生成和展示文本动画效果的工具库。
ant-design-cli
Ant Design 组件库的离线命令行查询工具，为AI助手提供精准API数据。
astro-framework-agents
为AI助手提供Astro框架开发与学习的专用技能包。
augur-reboot-website
Augur预测市场重启版官方网站，包含博客、学习内容和链上分叉风险监控。
awwwards-animations-skill
一站式创建Awwwards级别网页动画的React技能库
better-icons
为AI编程助手提供海量图标搜索与获取的MCP服务器/CLI工具。
better-result
TypeScript轻量级Result类型库，支持生成器组合
biome
一体化前端工具链，替代 ESLint 和 Prettier。
blazor-ui-components-skills
为AI助手提供Syncfusion Blazor组件开发的技能指南。
claude-code-tauri-skills
一套基于Tauri框架，用于开发桌面应用的Claude技能集合。
claude-code-tauri-skills
辅助Tauri桌面应用开发的Claude Code技能包
claude-d3js-skill
在Claude中生成和编辑D3.js数据可视化代码
claude-design-skill
一个帮助AI在UI设计时保持决策一致性和视觉层级的技能。
claude-nextjs-skills
为Claude模型注入Next.js开发技能，显著提升框架评估得分。
claude-nuxt
用于Nuxt.js项目开发的Claude智能体技能
claude-svelte5-skill
专为Svelte 5和SvelteKit开发提供专家指导的Claude技能
codex-skills
为Codex Agent提供高质量前端界面设计与实现能力的专用技能。
components.build
构建现代、可组合、可访问UI组件的开源标准规范。
compose-skill
让AI助手真正理解并编写高质量的Jetpack Compose代码
context-hub
为AI编程助手提供版本化、可进化的API文档库
core
微前端架构的模块联邦核心运行时，实现代码共享与动态加载。
css-best-practices
为AI智能体提供CSS代码生成与维护的最佳实践指南。
Cursor AI (React, TypeScript, shadcn/ui)
基于React和TypeScript的Cursor AI开发框架，集成shadcn/ui组件库。
custom-plugin-javascript
一个包含8个智能体和12项技能的JavaScript开发Claude插件。
custom-plugin-html
一个专注于HTML5开发、语义化与无障碍访问的Claude Code插件。
custom-plugin-react-native
一个包含7个专业Agent的React Native开发插件合集。
Cypress Integration Testing
将Cypress集成测试能力引入AI对话，辅助前端测试开发。
daisyui
最流行的免费开源 Tailwind CSS 组件库
data-table-filters
用于React的声明式、可过滤数据表格构建工具
denoland
专为Claude Code设计的Deno开发插件，提供最佳实践与工具链支持。
design-engineer-auditor-package
为UI组件注入或审查动效设计的AI技能，提供两种工作模式。
design-extract
从设计稿中智能提取设计元素与规范
design-skills
一套专为UI/UX设计、实现与评审任务自动激活的AI决策框架集合。
design-system-skill
一套框架无关的设计系统思维框架与实现模式。
devup-api
基于OpenAPI规范，自动生成类型安全的API客户端。
digital-samba-skill
为AI编程助手注入Digital Samba视频会议平台的集成开发能力。
electron
使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用的核心框架。
element-plus-skills
专为AI Agent打造的Element Plus开发技能库
elements
为 Next.js 全栈开发者提供开箱即用的 UI 组件库，涵盖认证、支付、AI 等模块。
es-fetch-api
基于原生Fetch API的轻量、可读性强的HTTP客户端库
figma-mcp-downloader
将 Figma MCP 工具生成的设计代码或元数据保存到本地文件。
fivem-dev-plugin
专为FiveM资源开发设计的AI助手插件，支持主流框架和实时文档查询。
flutter-bloc-clean-architecture-skill
指导AI助手构建遵循BLoC状态管理和清晰分层架构的Flutter应用。
flutter-pro
Flutter开发者的AI助手，提升跨平台应用开发效率。
flutter-skill
一个用于Flutter开发的AI助手技能，帮助开发者提升开发效率。
fluxui-docs-skill
为AI编码助手提供Flux UI组件库的官方文档查询能力。
form-builder
一个帮助AI智能体在React/TypeScript项目中构建生产级表单的Skill。
frontend-design
辅助开发者快速生成与优化前端UI设计代码
frontend-design
为AI代码助手提供八种预设前端设计风格的Skill
frontend-design-ultimate-clawhub-skill
从文本描述直接生成独特、生产级的静态网站前端代码。
frontend-design-pro-demo
内置11种现代前端设计风格的生产级开发Skill
frontend-design
生成或重写具有赛博朋克美学的前端界面代码
gakom
一个现代化的SvelteKit单体仓库启动模板，内置共享组件与配置。
github-copilot-superpowers
一个提升GitHub Copilot使用效率的提示词与技巧合集
gpui-skills
为使用GPUI框架开发桌面应用的开发者提供最佳实践指导。
GraphQL (Apollo Client)
在AI对话中便捷查询GraphQL（Apollo Client）官方文档。
gsap-skills
为AI助手提供专业的GSAP动画开发指导
HTML (Tailwind CSS, JavaScript)
一个专注于使用Tailwind CSS和JavaScript进行前端开发的技能库。
HTMX (Basic Setup)
为AI助手提供基础的HTMX开发环境搭建与代码生成能力
htmx-skill
为AI Agent集成HTMX能力的开发技能
icartsh_plugin
一个包含21+个专业技能的Claude Code插件合集，覆盖全栈开发。
inertia-rails-skills
为AI编码助手提供Inertia.js与Rails集成的开发指南与自动化技能
interface-design
帮助AI编码助手保持界面设计一致性的技能
kubb
基于OpenAPI规范，自动生成TypeScript/React等全栈代码的CLI工具。
l7
蚂蚁集团出品的地理空间数据可视分析引擎
Laravel (TALL Stack)
基于TALL技术栈，快速构建现代化Web应用。
laravel-vue-skills
Laravel+Vue全栈开发专属AI辅助技能包
lug-front
基于Next.js框架的现代化前端项目脚手架
mcp-server-guide
连接Figma与AI工作流，实现设计与代码的双向同步
microfrontends
Vercel官方微前端工具库，助力拆分大型前端应用
mockzilla
一个强大的自托管API模拟平台，用于开发和测试。
modern-frontend-skill
将模糊UI需求转化为2026年设计范式的前端代码
modern-web-guidance
为AI编码助手注入现代Web平台最佳实践，告别过时代码模式。
naive-ui-skills
帮助AI助手精通Naive UI组件库开发的技能包
NativeScript
使用JavaScript或TypeScript开发跨平台原生移动应用
newbie-next
基于Ant Design的AI友好React组件库，用于快速构建企业级前端应用。
Next.js 15 (React 19, Vercel AI, Tailwind)
基于Next.js 15的全栈AI应用开发脚手架
Next.js (Material UI, Tailwind CSS)
基于Next.js框架，集成Material UI与Tailwind CSS的开发脚手架
Next.js (React, TypeScript)
基于Next.js框架的AI助手开发工具包
Next.js (Tailwind, TypeScript)
基于Next.js框架的现代化Web开发技能栈
Next.js (TypeScript App)
基于Next.js框架的TypeScript应用开发脚手架
Next.js (TypeScript, Tailwind)
基于Next.js的现代化Web应用开发脚手架
Next.js (TypeScript)
基于Next.js和TypeScript的AI应用开发框架
next-sanity
在Next.js应用中无缝集成Sanity无头CMS的官方工具包
nextjs-claude-setup
为AI辅助开发优化的Next.js生产级前端模板
nextjs-cache-architecture
Next.js 16+ App Router缓存架构设计实现助手
nothing-design-skill
受Nothing品牌启发的极简设计系统，一键生成统一UI代码。
nuxt-claude-devtools
在Nuxt DevTools中集成Claude AI助手，实现开发环境内直接对话。
oref
基于 alien_signals 的高性能 Flutter 状态管理工具
orval
从OpenAPI规范自动生成类型安全的TypeScript客户端代码
pencil-design-skill
专为Pencil设计工具打造的AI助手，实现UI设计与代码生成一体化。
pf-frontend
一个基于现代技术栈的React前端Monorepo项目模板与开发套件。
phaserjs-tinyswords
一个演示如何用AI技能快速开发2D策略游戏原型的项目
preline
基于 Tailwind CSS 的开源 UI 组件库，提供丰富的预制组件和插件。
pytincture-skill
专注于使用pytincture框架和dhxpyt组件集进行应用开发的AI技能。
Qwik (Basic Setup with TypeScript and Vite)
基于Qwik框架的TypeScript与Vite基础开发环境搭建工具
Qwik (with Tailwind CSS)
基于Qwik框架的快速Web开发技能，集成Tailwind CSS进行高效样式开发。
React (Chakra UI)
一个帮助开发者快速生成Chakra UI React组件的AI技能。
React Components Creation
一个帮助开发者快速创建React组件的AI助手技能。
react-email
用React和TypeScript构建现代化、响应式邮件的组件库。
react-flow-skill
React Flow专家级开发助手，用于构建交互式节点图应用
React (MobX)
为AI助手集成React与MobX开发能力，辅助编写前端代码
react-native-ease
基于原生API的轻量级React Native动画库，零JS开销。
react-native-true-sheet
React Native 高性能原生底部弹窗组件
react-native-unistyles
高性能跨平台React Native样式解决方案
React (Next.js UI Development)
基于Next.js框架，专注于高效构建现代Web UI的AI助手技能。
react-router
React官方推荐的多策略路由库，适用于Web应用开发。
react-starter-skill
一个快速启动React项目的开发脚手架Skill。
React (TanStack Router + Query)
一个基于React，集成TanStack Router和Query的现代化前端开发脚手架。
react
用于构建用户界面的JavaScript库
refactoring-ui-skill
让AI遵循Refactoring UI设计原则，生成更专业的界面代码
responsive-craft
为Claude Code实现响应式设计，含审计、构建、预览三种模式
rive-skills
为AI编程助手提供Rive动画开发的领域知识库
roots-skills
AI代理的底层程序性知识库，提供通用、高质量的开发技能。
serve-sim
一个用于本地模拟和测试HTTP服务的开发工具。
shadcn-baseui
指导AI正确使用shadcn/ui与Base UI的编码技能
shadcn-svelte
为Svelte开发者提供可直接复用的UI组件库
shadcn-vue
Vue 3版本的Shadcn UI组件库（项目待启动）
shipswift-skills
为AI编程工具提供81个即用型SwiftUI组件与模块的本地技能库。
skill-arkts-syntax-assistant
ArkTS语言学习与开发助手，提供语法参考与迁移指导。
skills
为AI Agent提供Antdv Next组件库的开发技能支持。
skills
统一前端包管理工具，强制替代 npm/pnpm/yarn 命令
skills
帮助AI代理精准调用VueUse工具库的插件
Solid.js (Basic Setup)
为Solid.js项目提供基础开发环境配置的AI助手技能。
Solid.js (Tailwind CSS)
基于Solid.js与Tailwind CSS的快速Web应用开发工具
spartan
为 Angular 全栈开发提供现代化、可访问的 UI 组件库和开发栈。
stitch-sdk
文本提示生成UI界面，获取HTML和截图
styleseed
为AI编码助手注入固定设计判断力的开源引擎
surf-website
一个现代化的冲浪主题网站项目模板。
sveltekit-svelte5-tailwind-skill
SvelteKit 2 + Svelte 5 + Tailwind v4 全栈集成开发指南
SvelteKit (RESTful API, Tailwind CSS)
一个基于SvelteKit框架，集成RESTful API与Tailwind CSS的开发脚手架Skill。
SvelteKit (TypeScript Guide)
为开发者提供SvelteKit项目TypeScript配置与最佳实践指南
SvelteKit (Tailwind CSS, TypeScript)
快速创建基于SvelteKit、Tailwind CSS和TypeScript的现代Web应用项目脚手架。
swiftui-agent-skill
帮助AI助手写出更现代、更智能的SwiftUI代码
swiftui-style-driven-components-skill
为AI工具提供SwiftUI风格驱动组件开发的专业指导。
symfony-ux-skills
Symfony UX 组件库的 AI Agent 技能包
tailwind-agent-skills
辅助Tailwind CSS开发的AI Agent技能
tailwind-best-practices
规范AI生成Tailwind v4代码，规避v3过时写法
Tailwind CSS (Next.js Guide)
指导在Next.js项目中集成和使用Tailwind CSS的助手
Tailwind (shadcn/ui Integration)
在 Claude 中快速生成符合 shadcn/ui 规范的 Tailwind CSS 组件代码。
TanStack Start
一个基于React/Vite的现代全栈Web应用框架
taste-skill
为AI前端代码注入高级设计品味，告别平庸UI。
Tauri (Svelte, TypeScript Guide)
基于Tauri框架，使用Svelte和TypeScript构建跨平台桌面应用的开发指南。
team-skill-init
团队全栈TypeScript开发规范合集，统一编码与协作标准。
tempad-dev
Figma设计稿转前端代码的浏览器插件
tencent-rtc-skills
腾讯实时音视频（TRTC）集成智能导航与代码生成助手
testmu-ai/cypress-skill
一个用于Cypress测试的AI技能，帮助开发者编写和调试测试用例。
testmu-ai/nemojs-skill
一个用于生成和解析emoji的JavaScript工具库
tiptap
一个无头、可扩展的富文本编辑器框架
transitions.dev
提供可直接复用的CSS交互动画代码片段库。
trpc
无需Schema或代码生成的端到端类型安全API框架。
tw-react-components
基于TailwindCSS的React组件库，用于快速构建美观的响应式仪表盘。
typesafe-rpc
为Node.js和React应用提供端到端类型安全的RPC库。
TypeScript (Next.js, React)
基于TypeScript生态，为AI Agent开发提供核心框架支持
TypeScript (Next.js)
基于Next.js框架的TypeScript开发辅助工具
TypeScript (React, NextUI, Supabase)
基于TypeScript、React、NextUI和Supabase的现代化全栈开发脚手架
TypeScript (React)
一个专注于使用TypeScript和React进行前端开发的AI技能。
TypeScript (Vite, Tailwind)
基于Vite和Tailwind的TypeScript项目开发脚手架
TypeScript (Vue.js)
一个专注于使用 TypeScript 和 Vue.js 进行前端开发的 AI 技能。
typeui
为AI编码工具提供设计系统与UI提示词的MCP服务
ui-design-brain
为AI注入资深UI设计师的组件知识与最佳实践，生成生产级界面。
uncodixfy
一个约束AI生成前端代码的规则集，专治“AI味”界面设计。
vani
一个轻量、无依赖、显式更新的前端UI运行时。
video-to-code
将屏幕录像或网页转化为代码实现规格与设计系统的AI工具
Vitest Unit Testing
为AI助手集成Vitest单元测试能力，辅助前端代码测试。
vscode
微软官方维护的轻量级跨平台代码编辑器开源核心。
Vue 3 (Nuxt 3 Development)
专注于Nuxt 3开发流程的Vue 3技能，提升前端开发效率。
Vue 3 (Nuxt 3, TypeScript)
为Vue 3、Nuxt 3和TypeScript项目提供AI辅助开发支持。
Vue/Nuxt Full AI Stack
基于Vue/Nuxt的全栈AI应用开发框架
Vue (Pinia)
为AI助手提供Vue.js与Pinia状态管理的开发支持。
Vue 3 (Composition API)
帮助开发者快速生成和优化 Vue 3 Composition API 代码片段。
vue3-skills
一个提供Vue 3组件模板、组合函数和最佳实践指南的学习资源库。
wagmi
为Web3开发提供React Hooks的智能体技能
web-haptics
为移动端网页应用提供标准化触觉反馈的轻量级库。
webgpu-claude-skill
为Claude提供开发WebGPU版Three.js应用的技能知识库
webgpu-skill
为AI Agent提供跨框架的WebGPU/WGSL开发与性能指导
wechat-miniprogram-skill
生成符合微信小程序官方规范的高质量原生JS代码
wl-squide
基于React Router和TanStack Query的模块化Web应用框架
workany
一款基于自然语言的桌面AI智能体应用，可执行代码生成、文件管理等任务。
wx-cli
微信小程序命令行开发工具，提升开发效率。
zod-skill
专为AI Agent设计的Zod v4模式编写与调试技能库