Create complex HTML artifacts for claude.ai using React and Tailwind. The skill follows Anthropic’s reference workflow to produce rich web content that can be embedded, supporting artifact development with these tools.
中文简介正在准备中。当前显示英语简介。
- Creating complex HTML artifacts for claude.ai
- Building web artifacts with React and Tailwind
- Preparing rich web content for embedding
nexu-io/open-design☆ 10.2万2026年10月19日 更新
Guide the design of HTML pages for Artifacts, from documents to interactive tools. Shape typography, colors, and layouts around the subject while accounting for mobile screens, light and dark themes, and viewer restrictions.
中文简介正在准备中。当前显示英语简介。
- Turning a Markdown document into a designed HTML page
- Designing a landing page around its subject
- Making an Artifact readable on mobile screens
asgeirtj/system_prompts_leaks☆ 7万2026年10月16日 更新
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/skills☆ 18.2万2026年10月10日 更新
Build complex claude.ai artifacts with React, Tailwind CSS, and shadcn/ui. Create interfaces with multiple components, state management for changing data, and routing between views, then package the app into one self-contained HTML file for sharing.
中文简介正在准备中。当前显示英语简介。
- Creating interfaces with multiple components
- Building artifacts with changing data and multiple views
- Sharing a React app as a single HTML file
ComposioHQ/awesome-claude-skills☆ 7.7万2026年9月18日 更新
Build complex claude.ai artifacts with React, Tailwind CSS, and shadcn/ui. Create interfaces with multiple components, state management for changing data, and routing between views, then package the app into one self-contained HTML file for sharing.
中文简介正在准备中。当前显示英语简介。
- Creating interfaces with multiple components
- Building artifacts with changing data and multiple views
- Sharing a React app as a single HTML file
davila7/claude-code-templates☆ 3.3万2026年10月18日 更新
Create diagrams in Artifacts that explain data flow, system interactions, and differences between options. Guides diagram structure and inline SVG, a vector image format embedded in HTML, with readable labels and support for light and dark themes.
中文简介正在准备中。当前显示英语简介。
- Illustrating data flow and component interactions
- Comparing system designs side by side
- Explaining changes before and after a migration
asgeirtj/system_prompts_leaks☆ 7万2026年10月16日 更新
Use when packaging ACM CCS artifacts for the artifact-evaluation committee and the ACM badges — Artifacts Available, Artifacts Evaluated Functional, Artifacts Evaluated Reusable, and Results Reproduced — covering what security evaluators inspect, how to make attacks and defenses turnkey, and how to justify withheld artifacts.
中文简介正在准备中。当前显示原文说明。
brycewang-stanford/Awesome-Journal-Skills☆ 12702026年9月27日 更新
Hand accepted artifacts to the environment where work will continue, such as a code agent, desktop app, GitHub, or Figma. Record each destination in the artifact manifest, a tracking record that preserves earlier export history.
中文简介正在准备中。当前显示英语简介。
- Hand reviewed artifacts to Cursor, Claude Code, or Codex
- Return edited artifacts to their source Figma file
- Send accepted artifacts to GitHub through a PR
nexu-io/open-design☆ 10.2万2026年10月14日 更新
Apply Anthropic's official brand colors and typography to artifacts for a consistent visual identity. The guidance also provides a reference for developing your own brand rules; the full workflow requires the upstream skill bundle.
中文简介正在准备中。当前显示英语简介。
- Applying Anthropic brand colors to artifacts
- Aligning typography with official brand guidance
- Keeping visual identity consistent across artifacts
nexu-io/open-design☆ 10.2万2026年10月19日 更新
Create HTML artifacts for claude.ai using React, Tailwind CSS, and shadcn/ui. This skill supports building elaborate interfaces with multiple components, helping turn a web prototype request into a structured, styled artifact.
中文简介正在准备中。当前显示英语简介。
- Creating an HTML artifact for claude.ai
- Prototyping an interface with multiple components
- Building an artifact with React and shadcn/ui
nexu-io/open-design☆ 10.2万2026年10月19日 更新
Manage Orca worktrees, separate working directories, along with terminals, repositories, and its embedded browser through the CLI. Use it to hand work to another agent, manage artifacts, run automations, and share skills within Orca.
中文简介正在准备中。当前显示英语简介。
- Starting codex or claude in a child worktree
- Reading terminal output and sending input
- Operating Orca's embedded browser
stablyai/orca☆ 9.7万2026年10月18日 更新
Keep chat-ui model settings aligned with the HuggingFace router. Add descriptions for newly available models, check reasoning support, enable artifact panels based on model size, and remove settings for models no longer served.
中文简介正在准备中。当前显示英语简介。
- Add newly released models to chat-ui settings
- Remove settings for models no longer served
- Check reasoning support and artifact eligibility
huggingface/chat-ui☆ 1.1万2026年10月17日 更新
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.
中文简介正在准备中。当前显示原文说明。
davepoon/buildwithclaude☆ 36502026年10月19日 更新
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/openakita☆ 20022026年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.
中文简介正在准备中。当前显示原文说明。
composio-community/awesome-claude-plugins☆ 19512026年7月26日 更新
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.
中文简介正在准备中。当前显示原文说明。
Prat011/awesome-llm-skills☆ 18072026年7月14日 更新
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/AutoSkill☆ 6042026年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.
中文简介正在准备中。当前显示原文说明。
ECNU-ICALK/AutoSkill☆ 6042026年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/marketplace☆ 4332026年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.
中文简介正在准备中。当前显示原文说明。
Microck/ordinary-claude-skills☆ 4062026年9月7日 更新
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-cn☆ 3122026年10月7日 更新
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-cn☆ 3122026年10月7日 更新
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/Wiggle☆ 972026年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.
中文简介正在准备中。当前显示原文说明。
plurigrid/asi☆ 702026年7月10日 更新