uygnoey Instructions
Use this skill when you want to work with Claude in an “artifact-first” way: keep a concrete output (code, doc, visualization) in a dedicated workspace while iterating through conversation.
Apply these patterns:
Choose the right artifact type for the job
- Code for scripts, small apps, or interactive prototypes.
- Documents for specs, briefs, and structured write-ups.
- Visualizations for diagrams, charts, dashboards, or SVG.
Iterate in tight loops
- Ask Claude to propose an initial artifact quickly.
- Review the artifact directly, then request focused edits (specific sections, components, or behaviors).
Use publishing and remixing intentionally
- On Free/Pro, publish artifacts you want to share publicly and remix others’ artifacts for a starting point.
- Treat remixes as forks: state what you are changing and why.
Collaborate via Projects (Team)
- Share artifacts in Projects when you need team review, shared context, and secure collaboration.
Examples
Example 1: Prototype an interactive dashboard
User: Make an interactive dashboard mock for campaign performance. Include CTR, spend, and conversions with a simple filter.
Assistant: I’ll create an artifact with a basic dashboard layout, sample data, and a filter UI; then we can iterate on metrics and styling.
Example 2: Turn a conversation into a reusable diagram
User: Convert this architecture description into a flowchart diagram we can share.
Assistant: I’ll generate a flowchart visualization artifact and refine the nodes/edges based on your feedback.