Generative Ui
himself65/finance-skillsThis skill gives Claude a complete design system for its built-in show_widget tool. The tool renders interactive HTML and SVG widgets right inside a chat conversation. People use it to see charts, diagrams, dashboards, and other visual content.
The design system follows the Anthropic "Imagine" rules. It makes widgets look clean, flat, and compact. The system tells Claude which visual type to use based on what you ask for, like a flowchart for steps or a chart for numbers. This skill helps Claude create high-quality visuals without needing extra setup.
Anyone who wants to visualize data, compare options, or explore how something works will find this useful. It turns words into pictures and interactive tools, all inside your chat.
Add Generative Ui skill to your workflow
Global
mkdir -p ~/.claude/skills/generative-uiProject
mkdir -p .claude/skills/generative-uiSource Repository
More AI & Agent Building Claude Code Skills
Find Skillsvercel-labs/skills
Find and install the perfect skill to extend your AI agent
Microsoft Foundrymicrosoft/azure-skills
Build, deploy, and improve AI agents on Microsoft Foundry from start to finish
Azure Aimicrosoft/azure-skills
Search, transcribe, and analyze with Azure AI tools for smarter apps
Azure Hosted Copilot Sdkmicrosoft/azure-skills
Build, deploy, and manage your Copilot SDK apps on Azure with ease
Triagemattpocock/skills
Triage issues with a state machine driven by clear roles and agent briefs
Handoffmattpocock/skills
Hand off your work to another AI agent with a clear summary
Image Editagentspace-so/runcomfy-agent-skills
Smart router picks the best AI model for your image editing needs
Agentspaceagentspace-so/skills
See your AI agent's live folder from any browser instantly