使用React和Tailwind为claude.ai制作复杂的HTML成品，按Anthropic的参考工作流程创建内容丰富、可嵌入的网页内容。
- 为claude.ai制作HTML成品
- 使用React和Tailwind制作内容
- 创建可嵌入的网页内容
nexu-io/open-design10.3万2026年10月21日 更新
“web-artifacts”的搜索结果
27 个 · 按相关度排序
Build complex interactive artifacts for claude.ai with React, Tailwind CSS, and shadcn/ui. Start from a configured project, develop interfaces with state management or navigation, and bundle the result into one shareable HTML file.
中文简介正在准备中。当前显示英语简介。
- Building interactive interfaces with multiple components
- Creating artifacts with state management and navigation
- Developing interfaces with shadcn/ui components
anthropics/skills18.3万2026年10月10日 更新
Analyze Chrome, Edge, and other Chromium browser profiles with Hindsight to reconstruct web activity. Combine browsing history, downloads, cookies, and other stored records into a chronological timeline, with XLSX, JSON, or SQLite output for investigation.
中文简介正在准备中。当前显示英语简介。
- Reconstructing browsing activity during incident response
- Checking download times and source URLs
- Comparing cookies and history in insider threat investigations
mukul975/Anthropic-Cybersecurity-Skills3.5万2026年8月31日 更新
Suite of tools for creating elaborate, multi-component interactive HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
中文简介正在准备中。当前显示原文说明。
openakita/openakita20032026年9月24日 更新
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
中文简介正在准备中。当前显示原文说明。
ECNU-ICALK/AutoSkill6052026年5月10日 更新
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
中文简介正在准备中。当前显示原文说明。
aiskillstore/marketplace4332026年10月15日 更新
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
中文简介正在准备中。当前显示原文说明。
lingxling/awesome-skills-cn3172026年10月7日 更新
Use when creating elaborate, multi-component claude.ai HTML artifacts with React, Tailwind CSS, shadcn/ui, state management, routing, or complex frontend structure; not for simple single-file HTML/JSX artifacts.
中文简介正在准备中。当前显示原文说明。
majiayu000/spellbook2882026年10月20日 更新
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
中文简介正在准备中。当前显示原文说明。
Razshy/Wiggle972026年9月5日 更新
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
中文简介正在准备中。当前显示原文说明。
ComeOnOliver/skillshub642026年6月24日 更新
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
中文简介正在准备中。当前显示原文说明。
eigent-ai/agent-skills242026年10月14日 更新
Suite of tools for creating elaborate, multi-component Codex.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
中文简介正在准备中。当前显示原文说明。
vaila-multimodaltoolbox/vaila212026年10月20日 更新
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
中文简介正在准备中。当前显示原文说明。
vaila-multimodaltoolbox/vaila212026年10月20日 更新
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
中文简介正在准备中。当前显示原文说明。
tensology/decisionsai172026年10月21日 更新
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
中文简介正在准备中。当前显示原文说明。
canvascoding/canvas-notebook112026年10月21日 更新
Analyze Chromium-based browser artifacts using Hindsight to extract browsing history, downloads, cookies, cached content, autofill data, saved passwords, and browser extensions from Chrome, Edge, Brave, and Opera for forensic investigation.
中文简介正在准备中。当前显示原文说明。
andycungkrinx91/konoha92026年10月21日 更新
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
中文简介正在准备中。当前显示原文说明。
nvdigitalsolutions/mcp-ai-wpoos72026年10月21日 更新
Simplified Japanese web artifacts builder skill for creating single-file HTML applications with Japanese UI components, i18n settings, and responsive design. Triggers on requests for Webアーティファクト, 単一HTMLファイル, HTMLツール作成, 日本語Webアプリ.
中文简介正在准备中。当前显示原文说明。
LinkX-Japan/ai-souken-workflows72026年3月12日 更新
Guide creation of rich HTML/React web artifacts. Use for self-contained interactive artifacts, prototypes, dashboards, and visual demos.
中文简介正在准备中。当前显示原文说明。
CruxExperts/LocalSetup62026年10月21日 更新
To build powerful frontend claude.ai artifacts, follow these steps:
中文简介正在准备中。当前显示原文说明。
hybridlabor-api/aos62026年10月16日 更新
Build a self-contained web page, dashboard, prototype, calculator or small interactive tool as ONE HTML file (plain HTML/CSS/JS, or React plus Tailwind bundled into a single file), check it, and preview it locally. Use when the user wants a page they can open, share as a file, or iterate on in a browser.
中文简介正在准备中。当前显示原文说明。
codewhale-hq/codewhale-plugin-marketplace52026年10月21日 更新
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
中文简介正在准备中。当前显示原文说明。
AxelMrak/ai52026年2月20日 更新
Analyze Chromium-based browser artifacts using Hindsight to extract browsing history, downloads, cookies, cached content, autofill data, saved passwords, and browser extensions from Chrome, Edge, Brave, and Opera for forensic investigation.
中文简介正在准备中。当前显示原文说明。
micsapp/micstec-skills42026年3月20日 更新
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
中文简介正在准备中。当前显示原文说明。
0xAidan/polymarket-bot-test42026年9月4日 更新