Agent Skillsasgeirtj/system_prompts_leaks › interactive-prototype

interactive-prototype

GitHub

生成具备真实交互、状态管理及动画过渡的高保真交互式原型,模拟真实应用体验。

Anthropic/claude-design/skills/interactive-prototype/SKILL.md asgeirtj/system_prompts_leaks

Trigger Scenarios

需要快速验证UI/UX交互逻辑 构建前端功能演示原型

Install

npx skills add asgeirtj/system_prompts_leaks --skill interactive-prototype -g -y
More Options

Non-standard path

npx skills add https://github.com/asgeirtj/system_prompts_leaks/tree/main/Anthropic/claude-design/skills/interactive-prototype -g -y

Use without installing

npx skills use asgeirtj/system_prompts_leaks@interactive-prototype

指定 Agent (Claude Code)

npx skills add asgeirtj/system_prompts_leaks --skill interactive-prototype -a claude-code -g -y

安装 repo 全部 skill

npx skills add asgeirtj/system_prompts_leaks --all -g -y

预览 repo 内 skill

npx skills add asgeirtj/system_prompts_leaks --list

SKILL.md

Frontmatter
{
    "name": "interactive-prototype",
    "description": "Working app with real interactions",
    "user-invocable": true
}

Interactive prototype

Create a fully interactive prototype with realistic state management and transitions. Use React useState/useEffect for dynamic behavior. Include hover states, click interactions, form validation, animated transitions, and multi-step navigation flows. It should feel like a real working app, not a static mockup.

Version History

  • 481967c Current 2026-08-20 17:03

Same Skill Collection

Anthropic/claude-code/skills/artifact-diagramming/SKILL.md
Anthropic/claude-code/skills/batch/SKILL.md
Anthropic/claude-code/skills/claude-in-chrome/SKILL.md
Anthropic/claude-code/skills/debug/SKILL.md
Anthropic/claude-code/skills/deep-research/SKILL.md
Anthropic/claude-code/skills/design-sync/SKILL.md
Anthropic/claude-code/skills/fewer-permission-prompts/SKILL.md
Anthropic/claude-code/skills/init/SKILL.md
Anthropic/claude-code/skills/keybindings-help/SKILL.md
Anthropic/claude-code/skills/loop/SKILL.md
Anthropic/claude-code/skills/run-skill-generator/SKILL.md
Anthropic/claude-code/skills/run/SKILL.md
Anthropic/claude-code/skills/schedule/SKILL.md
Anthropic/claude-code/skills/security-review/SKILL.md
Anthropic/claude-code/skills/simplify/SKILL.md
Anthropic/claude-code/skills/verify/SKILL.md
Anthropic/claude-code/skills/workflow-authoring/SKILL.md
Anthropic/claude-cowork/setup-writing-style/SKILL.md
Anthropic/claude-design/skills/claude-api-in-prototypes/SKILL.md
Anthropic/claude-design/skills/create-design-system/SKILL.md
Anthropic/claude-design/skills/frontend-design/SKILL.md
Anthropic/claude-design/skills/hi-fi-design/SKILL.md
Anthropic/claude-design/skills/maps-geography/SKILL.md
Anthropic/claude-design/skills/options/SKILL.md
Anthropic/claude-design/skills/wireframe/SKILL.md
Anthropic/claude-code/skills/artifact-capabilities/SKILL.md
Anthropic/claude-code/skills/artifact-design/SKILL.md
Anthropic/claude-code/skills/claude-api/SKILL.md
Anthropic/claude-code/skills/dataviz/SKILL.md
Anthropic/claude-code/skills/design/SKILL.md
Anthropic/claude-code/skills/doctor/SKILL.md
Anthropic/claude-code/skills/update-config/SKILL.md
Anthropic/claude-design/skills/3d-object/SKILL.md
Anthropic/claude-design/skills/animated-video/SKILL.md
Anthropic/claude-design/skills/export-as-pptx-editable/SKILL.md
Anthropic/claude-design/skills/export-as-pptx-screenshots/SKILL.md
Anthropic/claude-design/skills/flier/SKILL.md
Anthropic/claude-design/skills/handoff-to-claude-code/SKILL.md
Anthropic/claude-design/skills/html-email/SKILL.md
Anthropic/claude-design/skills/make-a-deck/SKILL.md
Anthropic/claude-design/skills/make-a-doc/SKILL.md
Anthropic/claude-design/skills/make-tweakable/SKILL.md
Anthropic/claude-design/skills/save-as-pdf/SKILL.md
Anthropic/claude-design/skills/save-as-standalone-html/SKILL.md
Anthropic/claude-design/skills/web-research/SKILL.md

Metadata

Files
0
Version
a7d0a26
Hash
d42bae68
Indexed
2026-08-20 17:03

Accueil - Wiki
Copyright © 2011-2026 iteam. Current version is 2.155.2. UTC+08:00, 2026-08-30 21:37
浙ICP备14020137号-1 $Carte des visiteurs$