Playground
Interactive HTML playgrounds with visual controls, live preview, and prompt output. Includes design, data, concept map, and critique templates.
- Anthropic Verified
- Installa inClaude Code
- Creato daAnthropic
- Installazioni39294
Generates interactive HTML playgrounds — self-contained single-file explorers with visual controls, a live preview panel, and a natural-language prompt output with a one-click copy button. Every playground is a single HTML file with all CSS and JavaScript inline, requiring no external dependencies.
Choose from six built-in templates: Design Playground for exploring visual components like buttons, cards, and typography; Data Explorer for constructing SQL queries, API calls, and regex patterns; Concept Map for knowledge mapping and educational tools; Document Critique for review workflows with approve/reject actions; Diff Review for line-by-line code review; and Code Map for visualizing codebase relationships and data flow.
Each playground ships with a dark theme, sensible defaults, 3–5 named presets, and instant live preview updates as you adjust controls. The generated prompt output uses qualitative, human-readable language rather than raw value dumps, making it ready to paste directly into Claude or other tools.
How to use: Invoke the skill with /playground followed by what you want to explore. Try prompts like: "create a playground for button design styles", "build a SQL query explorer for my users table", "make an interactive concept map for machine learning fundamentals", or "create a diff review tool for my PR changes".
Plugin correlati
- Aiutami a sviluppare una voce unica per un pubblico
Ciao Claude! Potresti aiutarmi a sviluppare una voce unica per un pubblico? Se hai bisogno di ulteriori informazioni da parte mia, ponimi subito una o due domande chiave. Se ritieni che dovrei caricare documenti utili a migliorare il tuo lavoro, fammelo sapere. Puoi utilizzare gli strumenti a cui hai accesso, come Google Drive, la ricerca sul web e così via, se ti aiutano a svolgere al meglio questa attività. Non utilizzare lo strumento di analisi. Ti prego di rispondere in modo amichevole, breve e colloquiale.
Esegui l'attività il prima possibile: un artefatto sarebbe fantastico se ha senso. Se utilizzi un artefatto, valuta quale tipo di artefatto (interattivo, visivo, checklist, ecc.) potrebbe rivelarsi più utile per questa specifica attività. Grazie per il tuo aiuto! - Migliora il mio stile di scrittura
Ciao Claude! Potresti migliorare il mio stile di scrittura? Se hai bisogno di ulteriori informazioni da parte mia, ponimi subito una o due domande chiave. Se ritieni che dovrei caricare documenti utili a migliorare il tuo lavoro, fammelo sapere. Puoi utilizzare gli strumenti a cui hai accesso, come Google Drive, la ricerca sul web e così via, se ti aiutano a svolgere al meglio questa attività. Non utilizzare lo strumento di analisi. Ti prego di rispondere in modo amichevole, breve e colloquiale.
Esegui l'attività il prima possibile: un artefatto sarebbe fantastico se ha senso. Se utilizzi un artefatto, valuta quale tipo di artefatto (interattivo, visivo, checklist, ecc.) potrebbe rivelarsi più utile per questa specifica attività. Grazie per il tuo aiuto! - Fai brainstorming di idee creative
Ciao Claude! Potresti proporre idee creative? Se hai bisogno di ulteriori informazioni da parte mia, ponimi subito una o due domande chiave. Se ritieni che dovrei caricare documenti utili a migliorare il tuo lavoro, fammelo sapere. Puoi utilizzare gli strumenti a cui hai accesso, come Google Drive, la ricerca sul web e così via, se ti aiutano a svolgere al meglio questa attività. Non utilizzare lo strumento di analisi. Ti prego di rispondere in modo amichevole, breve e colloquiale.
Esegui l'attività il prima possibile: un artefatto sarebbe fantastico se ha senso. Se utilizzi un artefatto, valuta quale tipo di artefatto (interattivo, visivo, checklist, ecc.) potrebbe rivelarsi più utile per questa specifica attività. Grazie per il tuo aiuto!
- Spiega un argomento complesso in modo semplice
Ciao Claude! Sai spiegare un argomento complesso in modo semplice? Se hai bisogno di ulteriori informazioni da parte mia, ponimi subito una o due domande chiave. Se ritieni che dovrei caricare documenti utili a migliorare il tuo lavoro, fammelo sapere. Puoi utilizzare gli strumenti a cui hai accesso, come Google Drive, la ricerca sul web e così via, se ti aiutano a svolgere al meglio questa attività. Non utilizzare lo strumento di analisi. Ti prego di rispondere in modo amichevole, breve e colloquiale.
Esegui l'attività il prima possibile: un artefatto sarebbe fantastico se ha senso. Se utilizzi un artefatto, valuta quale tipo di artefatto (interattivo, visivo, checklist, ecc.) potrebbe rivelarsi più utile per questa specifica attività. Grazie per il tuo aiuto! - Aiutarmi a dare un senso a queste idee
Ciao Claude! Potresti aiutarmi a dare un senso a queste idee? Se hai bisogno di ulteriori informazioni da parte mia, ponimi subito una o due domande chiave. Se ritieni che dovrei caricare documenti utili a migliorare il tuo lavoro, fammelo sapere. Puoi utilizzare gli strumenti a cui hai accesso, come Google Drive, la ricerca sul web e così via, se ti aiutano a svolgere al meglio questa attività. Non utilizzare lo strumento di analisi. Ti prego di rispondere in modo amichevole, breve e colloquiale.
Esegui l'attività il prima possibile: un artefatto sarebbe fantastico se ha senso. Se utilizzi un artefatto, valuta quale tipo di artefatto (interattivo, visivo, checklist, ecc.) potrebbe rivelarsi più utile per questa specifica attività. Grazie per il tuo aiuto! - Preparati per un esame o un colloquio
Ciao Claude! Potresti prepararti per un esame o un colloquio? Se hai bisogno di ulteriori informazioni da parte mia, ponimi subito una o due domande chiave. Se ritieni che dovrei caricare documenti utili a migliorare il tuo lavoro, fammelo sapere. Puoi utilizzare gli strumenti a cui hai accesso, come Google Drive, la ricerca sul web e così via, se ti aiutano a svolgere al meglio questa attività. Non utilizzare lo strumento di analisi. Ti prego di rispondere in modo amichevole, breve e colloquiale.
Esegui l'attività il prima possibile: un artefatto sarebbe fantastico se ha senso. Se utilizzi un artefatto, valuta quale tipo di artefatto (interattivo, visivo, checklist, ecc.) potrebbe rivelarsi più utile per questa specifica attività. Grazie per il tuo aiuto!
- Spiega un concetto di programmazione
Ciao Claude! Potresti spiegare un concetto di programmazione? Se hai bisogno di ulteriori informazioni da parte mia, ponimi subito una o due domande chiave. Se ritieni che dovrei caricare documenti utili a migliorare il tuo lavoro, fammelo sapere. Puoi utilizzare gli strumenti a cui hai accesso, come Google Drive, la ricerca sul web e così via, se ti aiutano a svolgere al meglio questa attività. Non utilizzare lo strumento di analisi. Ti prego di rispondere in modo amichevole, breve e colloquiale.
Esegui l'attività il prima possibile: un artefatto sarebbe fantastico se ha senso. Se utilizzi un artefatto, valuta quale tipo di artefatto (interattivo, visivo, checklist, ecc.) potrebbe rivelarsi più utile per questa specifica attività. Grazie per il tuo aiuto! - Controlla il mio codice e dammi suggerimenti
Ciao Claude! Potresti dare un'occhiata al mio codice e darmi qualche consiglio? Se hai bisogno di ulteriori informazioni da parte mia, ponimi subito una o due domande chiave. Se ritieni che dovrei caricare documenti utili a migliorare il tuo lavoro, fammelo sapere. Puoi utilizzare gli strumenti a cui hai accesso, come Google Drive, la ricerca sul web e così via, se ti aiutano a svolgere al meglio questa attività. Non utilizzare lo strumento di analisi. Ti prego di rispondere in modo amichevole, breve e colloquiale.
Esegui l'attività il prima possibile: un artefatto sarebbe fantastico se ha senso. Se utilizzi un artefatto, valuta quale tipo di artefatto (interattivo, visivo, checklist, ecc.) potrebbe rivelarsi più utile per questa specifica attività. Grazie per il tuo aiuto! - Scrivi codice in vibe con me
Ciao Claude! Potresti scrivere codice in vibe con me? Se hai bisogno di ulteriori informazioni da parte mia, ponimi subito una o due domande chiave. Se ritieni che dovrei caricare documenti utili a migliorare il tuo lavoro, fammelo sapere. Puoi utilizzare gli strumenti a cui hai accesso, come Google Drive, la ricerca sul web e così via, se ti aiutano a svolgere al meglio questa attività. Non utilizzare lo strumento di analisi. Ti prego di rispondere in modo amichevole, breve e colloquiale.
Esegui l'attività il prima possibile: un artefatto sarebbe fantastico se ha senso. Se utilizzi un artefatto, valuta quale tipo di artefatto (interattivo, visivo, checklist, ecc.) potrebbe rivelarsi più utile per questa specifica attività. Grazie per il tuo aiuto!
- Scrivi case study
Questo è un altro test
- Scrivi proposte di sovvenzione
Ciao Claude! Potresti scrivere proposte di sovvenzione? Se hai bisogno di ulteriori informazioni da parte mia, ponimi subito una o due domande chiave. Se ritieni che dovrei caricare documenti utili a migliorare il tuo lavoro, fammelo sapere. Puoi utilizzare gli strumenti a cui hai accesso, come Google Drive, la ricerca sul web e così via, se ti aiutano a svolgere al meglio questa attività. Non utilizzare lo strumento di analisi. Ti prego di rispondere in modo amichevole, breve e colloquiale.
Esegui l'attività il prima possibile: un artefatto sarebbe ottimo se ha senso. Se utilizzi un artefatto, valuta quale tipo di artefatto (interattivo, visivo, checklist, ecc.) potrebbe rivelarsi più utile per questa specifica attività. Grazie per il tuo aiuto! - Scrivi script video
questo è un test
- Claude
- Claude Code
- Claude Code per le aziende
- Claude Cowork
- Claude Security
- Scarica l'app
- Prezzi
- Accedi
- Claude for Chrome
- Claude for Slack
- Claude for Microsoft 365
- Skills
- Anteprima di Mythos
- Fable
- Opus
- Sonnet
- Haiku
- Agenti IA
- Modernizzazione del codice
- Programmazione
- Assistenza clienti
- Istruzione
- Enterprise
- Servizi finanziari
- Pubblica amministrazione
- Sanità
- Legale
- Scienze della vita
- Organizzazioni non profit
- Sicurezza
- Piccole imprese
- Startups
- Panoramica
- Documentazione
- Prezzi
- Marketplace
- Claude su AWS
- Vertex AI di Google Cloud
- Microsoft Foundry
- Conformità regionale
- Accedi alla console
- Blog
- Claude Partner Network
- Community
- Connettori
- Corsi
- Storie dei clienti
- Ingegneria presso Anthropic
- Eventi
- Plugin
- Basato su Claude
- Partner di servizio
- Tutorial
- Casi d'uso
- Anthropic
- Lavora con noi
- Policy
- Futuri economici
- Ricerca
- Notizie
- Policy on the AI Exponential
- Responsible Scaling Policy
- Sicurezza e conformità
- Trasparenza
- Disponibilità
- Stato del servizio
- Centro assistenza
- Informativa sulla privacy
- Politica di divulgazione responsabile
- Termini di servizio: commerciale
- Termini di servizio: consumatori
- Politica di utilizzo