前
Category
前端设计 AI Skills
页面设计、组件实现、交互优化、设计稿还原和品牌视觉类技能。 这里展示的是同一类场景下更容易优先使用的一批 Skill。
大量 Skill关键词搜索来源筛选持续更新
页面内容大量 Skill
筛选方式关键词 / 来源
资源格式ZIP + SKILL.md
使用方式按任务优先
已展示大量 Skill
25
W
web-tools-guide
MANDATORY before calling web_search, web_fetch, browser, or opencli. Contains required erro…
前端设计
48
W
webapp-testing
Toolkit for interacting with and testing local web applications using Playwright. Supports…
前端设计
49
F
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this…
前端设计
50
C
claude-api
Build, debug, and optimize Claude API / Anthropic SDK apps. Apps built with this skill shou…
前端设计
52
W
web-artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using moder…
前端设计
53
M
mcp-builder
Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to in…
前端设计
59
T
theme-factory
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings…
前端设计
60
B
brand-guidelines
Applies Anthropic's official brand colors and typography to any sort of artifact that may b…
前端设计
68
P
Python Coding Guidelines
Python编码规范和最佳实践。编写、审查或重构代码时遵守:PEP 8风格、py_compile 语法检查、单元测试、仅使用未EOL的现代Python版本、uv 依赖管理(如有),以…
前端设计
75
V
vercel-react-best-practices
来自Vercel工程团队的React和Next.js性能优化指南。在编写、审查或重构React/Next.js代码时应使用此技能,以确保采用最佳性能模式。当任务涉及React组件、N…
前端设计
76
A
aomi-transact
Build natural-language crypto/DeFi agents and EVM MCP plugins (Claude Code, Cursor, Codex,…
前端设计
79
A
ai-wrapper-product
Expert in building products that wrap AI APIs (OpenAI, Anthropic, etc. ) into focused tools…
前端设计
80
C
claude-code-guide
To provide a comprehensive reference for configuring and using Claude Code (the agentic cod…
前端设计
82
C
computer-use-agents
Build AI agents that interact with computers like humans do - viewing screens, moving curso…
前端设计
90
C
claude-ally-health
A health assistant skill for medical information analysis, symptom tracking, and wellness g…
前端设计
96
A
agent-manager-skill
Manage multiple local CLI agents via tmux sessions (start/stop/monitor/assign) with cron-fr…
前端设计
97
A
agentphone
Build AI phone agents with AgentPhone API. Use when the user wants to make phone calls, sen…
前端设计
热
A
ai-engineer
Build production-ready LLM applications, advanced RAG systems, and intelligent agents. Impl…
前端设计
热
D
django-pro
Master Django 5.x with async views, DRF, Celery, and Django Channels. Build scalable web ap…
前端设计
热
A
audit-skills
Expert security auditor for AI Skills and Bundles. Performs non-intrusive static analysis t…
前端设计
热
E
enhance-prompt
Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, ad…
前端设计
热
A
ai-agent-development
AI agent development workflow for building autonomous agents, multi-agent systems, and agen…
前端设计
热
A
azure-ai-voicelive-py
Build real-time voice AI applications with bidirectional WebSocket communication.
前端设计
热
C
code-documentation-doc-generate
You are a documentation expert specializing in creating comprehensive, maintainable documen…
前端设计
热
C
cqrs-implementation
Implement Command Query Responsibility Segregation for scalable architectures. Use when sep…
前端设计
热
E
e2e-testing-patterns
Build reliable, fast, and maintainable end-to-end test suites that provide confidence to sh…
前端设计
热
E
event-store-design
Design and implement event stores for event-sourced systems. Use when building event sourci…
前端设计
热
E
expo-cicd-workflows
Helps understand and write EAS workflow YAML files for Expo projects. Use this skill when t…
前端设计
热
B
brand-guidelines-community
To access Anthropic's official brand identity and style resources, use this skill.
前端设计
热
C
clerk-auth
Expert patterns for Clerk auth implementation, middleware, organizations, webhooks, and use…
前端设计
热
C
cc-skill-backend-patterns
Backend architecture patterns, API design, database optimization, and server-side best prac…
前端设计
热
C
claude-settings-audit
Analyze a repository to generate recommended Claude Code settings.json permissions. Use whe…
前端设计
热
A
api-security-best-practices
Implement secure API design patterns including authentication, authorization, input validat…
前端设计
热
C
cirq
Cirq is Google Quantum AI's open-source framework for designing, simulating, and running qu…
前端设计
热
C
code-refactoring-refactor-clean
You are a code refactoring expert specializing in clean code principles, SOLID design patte…
前端设计
热
A
agent-tool-builder
Tools are how AI agents interact with the world. A well-designed tool is the difference bet…
前端设计
热
A
avalonia-zafiro-development
Mandatory skills, conventions, and behavioral rules for Avalonia UI development using the Z…
前端设计
热
C
chat-widget
Build a real-time support chat system with a floating widget for users and an admin dashboa…
前端设计
热
B
blog-writing-guide
This skill enforces Sentry's blog writing standards across every post — whether you're help…
前端设计
热
C
claimable-postgres
Provision instant temporary Postgres databases via Claimable Postgres by Neon (pg.new). No…
前端设计
热
C
context-degradation
Language models exhibit predictable degradation patterns as context length increases. Under…
前端设计
热
C
comfyui-gateway
REST API gateway for ComfyUI servers. Workflow management, job queuing, webhooks, caching,…
前端设计
热
A
andrej-karpathy
Behavioral guidelines to reduce common LLM coding mistakes. Use when writing, reviewing, or…
前端设计
热
A
adhx
Fetch any X/Twitter post as clean LLM-friendly JSON. Converts x.com, twitter.com, or adhx.c…
前端设计
热
A
avalonia-viewmodels-zafiro
Optimal ViewModel and Wizard creation patterns for Avalonia using Zafiro and ReactiveUI.
前端设计
热
E
embedding-strategies
Guide to selecting and optimizing embedding models for vector search applications.
前端设计
热
A
analytics-tracking
Design, audit, and improve analytics tracking systems that produce reliable, decision-ready…
前端设计
热
E
environment-setup-guide
Guide developers through setting up development environments with proper tools, dependencie…
前端设计
热
A
ai-product
Every product will be AI-powered. The question is whether you'll build it right or ship a d…
前端设计
热
B
brand-guidelines-anthropic
To access Anthropic's official brand identity and style resources, use this skill.
前端设计
热
D
dbt-transformation-patterns
Production-ready patterns for dbt (data build tool) including model organization, testing s…
前端设计
热
E
error-handling-patterns
Build resilient applications with robust error handling strategies that gracefully handle f…
前端设计
热
D
database-architect
Expert database architect specializing in data layer design from scratch, technology select…
前端设计
热
B
bazel-build-optimization
Optimize Bazel builds for large-scale monorepos. Use when configuring Bazel, implementing r…
前端设计
热
C
cdk-patterns
Common AWS CDK patterns and constructs for building cloud infrastructure with TypeScript, P…
前端设计
热
A
avalonia-layout-zafiro
Guidelines for modern Avalonia UI layout using Zafiro.Avalonia, emphasizing shared styles,…
前端设计
热
C
claude-d3js-skill
This skill provides guidance for creating sophisticated, interactive data visualisations us…
前端设计
热
F
fastapi-templates
Create production-ready FastAPI projects with async patterns, dependency injection, and com…
前端设计
热
B
bash-linux
Bash/Linux terminal patterns. Critical commands, piping, error handling, scripting. Use whe…
前端设计
热
C
canva-automation
Automate Canva tasks via Rube MCP (Composio): designs, exports, folders, brand templates, a…
前端设计
热
A
api-patterns
API design principles and decision-making. REST vs GraphQL vs tRPC selection, response form…
前端设计
热
B
building-native-ui
Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling,…
前端设计
热
C
copilot-sdk
Build applications that programmatically interact with GitHub Copilot. The SDK wraps the Co…
前端设计
热
B
brooks-lint
AI code reviewer grounded in classic software engineering books for catching design smells,…
前端设计
热
A
agent-framework-azure-ai-py
Build persistent agents on Azure AI Foundry using the Microsoft Agent Framework Python SDK.
前端设计
热
B
burp-suite-testing
Execute comprehensive web application security testing using Burp Suite's integrated toolse…
前端设计
热
A
architecture-patterns
Master proven backend architecture patterns including Clean Architecture, Hexagonal Archite…
前端设计
热
A
api-documenter
Master API documentation with OpenAPI 3.1, AI-powered tools, and modern developer experienc…
前端设计
热
A
apify-influencer-discovery
Find and evaluate influencers for brand partnerships, verify authenticity, and track collab…
前端设计
热
D
design-spells
Curated micro-interactions and design details that add "magic" and personality to websites…
前端设计
热
B
bill-gates
Agente que simula Bill Gates — cofundador da Microsoft, arquiteto da industria de software…
前端设计
热
E
expo-tailwind-setup
Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling
前端设计
热
A
aegisops-ai
Autonomous DevSecOps & FinOps Guardrails. Orchestrates Gemini 3 Flash to audit Linux Kernel…
前端设计
热
A
application-performance-performance-optimization
Optimize end-to-end application performance with profiling, observability, and backend/fron…
前端设计
热
B
busybox-on-windows
How to use a Win32 build of BusyBox to run many of the standard UNIX command line tools on…
前端设计
热
W
web-design-guidelines
审查UI代码是否符合Web界面指南。当被要求“审查我的UI”、“检查可访问性”、“审核设计”、“审查UX”或“根据最佳实践检查我的网站”时使用。
前端设计
热
Q
Quick Reminders
通过 nohup sleep + openclaw 发送消息实现 Zero-LLM 单次提醒(<48h),由 {baseDir}/scripts/nohup-reminder.sh…
前端设计
热
V
vercel-composition-patterns
可扩展的React组合模式。当重构具有布尔属性扩散的组件、构建灵活的组件库或设计可重用API时使用。在涉及复合组件、渲染属性、上下文提供者或组件架构的任务中触发。包括React 19…
前端设计
热
F
frontend-design
创建具有高设计质量的独特、生产级前端界面。当用户要求构建Web组件、页面或应用程序时使用此技能。生成富有创意且精致的代码,避免通用的人工智能美学。
前端设计
热
U
ui-ux-pro-max
UI/UX设计智能。50种风格,21种调色板,50种字体搭配,20种图表,9种技术栈(React、Next.js、Vue、Svelte、SwiftUI、React Native、Fl…
前端设计
热
F
frontend-dev
全栈前端开发,结合了优质的UI设计、电影级动画、AI生成的媒体素材、有说服力的文案以及视觉艺术。构建完整的、视觉冲击力强的网页,使用真实的媒体、高级动态效果和引人入胜的文案。适用场景…
前端设计
热
V
vue-skilld
用于构建现代网页用户界面的渐进式JavaScript框架。在编辑或处理*.vue文件或导入了"vue"的代码时始终使用。咨询有关调试、最佳实践或修改vue核心的问题。
前端设计
热
P
playwright-master
浏览器自动化专家 - 端到端测试、网页抓取、UI测试
前端设计
热
D
design-style-skill
选择一致的视觉设计系统来制作PPT幻灯片,使用圆角/间距样式配方。当用户要求整体风格方向或组件样式一致性时使用。包括锐利/柔和/圆润/胶囊形状配方、组件映射、排版/间距规则以及混合指…
前端设计
热
A
Anthropic Frontend Design
打造独特、生产级前端界面,摒弃千篇一律的“AI 模板感”美学。融合 UI/UX Pro Max 的设计智慧与 Anthropic 的反平庸理念。适用于构建细节考究、创意大胆的 UI…
前端设计
热
E
element-plus-vue3
为Element Plus Vue 3组件库提供全面的指导,包括安装、组件、主题、国际化以及API参考。当用户询问有关Vue 3的Element Plus信息、需要使用Element…
前端设计
热
G
glmv-web-replication
前端视觉复制技能。通过Playwright MCP或代理浏览器探索目标网站的公开可见页面,捕获屏幕截图和布局信息,然后生成一个静态或客户端前端副本,该副本近似于原始网页的视觉外观和页…
前端设计
热
A
agent-device
自动化iOS模拟器/设备和Android模拟器/设备的交互。当需要在移动设备上导航应用程序、截取快照/屏幕截图、点击、输入文本、滚动或提取UI信息时使用。
前端设计
热
G
glmv-prd-to-app
根据PRD文档、原型图和资源文件,构建一个完整的、可投入生产的全栈Web应用程序。处理整个流程:系统设计、数据库模式、种子数据、后端API、前端UI、与原型的视觉验证以及部署脚本生成…
前端设计
热
E
Equity Valuation Framework
Provides a decision-grade equity valuation playbook and report standard (multiples, DCF, qu…
前端设计
热
F
frontend-design
创建具有高设计质量的独特生产级前端界面。当用户要求构建网页组件、页面、作品、海报或应用程序(例如网站、登录页、仪表板、React组件、HTML/CSS布局,或者美化任何网页UI)时使…
前端设计
热
A
ant-design
针对antd 6.x、Ant Design Pro 5/ProComponents和Ant Design X v2的单文件决策指南。用于组件选择、主题/令牌、SSR、无障碍、性能、路…
前端设计
热
F
flutter-developer
Flutter开发用于屏幕、功能和业务逻辑。使用场景:创建屏幕、实现导航、添加AppServices、修复bug、状态管理、RBAC权限、多步骤表单。不适用于:少于300行代码的单一…
前端设计
热
J
java
Java语言(17+)。涵盖现代特性、模式和最佳实践。在编写Java应用程序、Spring Boot后端或企业系统时使用。使用条件:用户提到“java”、“records”、“sea…
前端设计
热
A
alibabacloud-cli-guidance
引导用户使用阿里云CLI命令行工具管理阿里云资源。涵盖CLI安装、凭证配置、插件管理、命令构建和错误排查等内容。当用户希望从终端操作阿里云服务时使用此技能——包括ECS(云服务器)、…
前端设计
热
设
设计模式
像 Figma 一样直接修改真实页面代码,精准有效地让 AI 懂你的设计。【主动触发】用户明确要求启动设计模式、进入编辑模式、可视化编辑、二次编辑时使用(enter design m…
前端设计
热
S
soul-archive(灵魂存档)
Soul Archive — A digital personality persistence system + agentic memory. Builds your digit…
前端设计
热
D
Design Generator
Turn a product name and brand color palette into 1080p designed video output just by typing…
前端设计
热
S
Spawnxchange Direct Buying
Use when completing public SpawnXchange direct purchases through /api/v1/items/{uuid}/acqui…
前端设计
热
S
Security Equity Research
AI工具自动生成中国A股研究报告,涵盖数据收集、盈利审查、估值建模(DCF/DDM/PE)、ESG及做空等模块。
前端设计
热
D
Docker
docker:interface 1 - manifest inspect; docker:interface 2 - build init; docker:interface 3…
前端设计
热
A
aicade galaxy create app skill
通过将用户的基础提示与 3.1 工作流参考中的平台补充相结合,构建通用的 aicade 应用提示,然后进行组装。
前端设计
热
T
Tyche Lite — Quick Invoice Preview
Tyche Lite —发票追踪器(免费)。可从 CSV 处理最多 5 张发票,查看付款状态,并获取友好提醒模板。作为 Ty... 的免费预览。
前端设计
没有找到匹配的 Skill。