ui-styling Skill
Guide for the visual style, structure, and shared building blocks used by Semantic Link Labs interactive UI tools (HTML widgets and anywidget-based widgets). Use this when adding a new interactive UI, modifying an existing one, or adding shared visual components. Published by microsoft in semantic-link-labs.
What is ui-styling Skill?
Guide for the visual style, structure, and shared building blocks used by Semantic Link Labs interactive UI tools (HTML widgets and anywidget-based widgets). Use this when adding a new interactive UI, modifying an existing one, or adding shared visual components. Published by microsoft in semantic-link-labs. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Design and media
- Design and media use cases
Technical details
- Install or run with Copy skill directory
When to use ui-styling Skill
- Use it for design and media.
Built with
Editorial notes
Source
- Creator: microsoft
- Repository: microsoft/semantic-link-labs
- Skill file: .claude/skills/ui-styling/SKILL.md
What it does
Guide for the visual style, structure, and shared building blocks used by Semantic Link Labs interactive UI tools (HTML widgets and anywidget-based widgets). Use this when adding a new interactive UI, modifying an existing one, or adding shared visual components.
Skill instructions
UI Styling for Interactive Tools This skill describes the styling conventions, shared building blocks, and architectural patterns used by all interactive UI tools in Semantic Link Labs so that every tool has a consistent, elegant design. When to Use This Skill Use this skill when you need to: - Add a new interactive UI function to the library. - Modify an existing interactive UI (e.g. vertipaqanalyzer, deltaanalyzer, perspectiveeditor). - Add new shared visual components (icons, theme variables, headers, etc.) that should be reused across tools. - Decide between a static-HTML widget and an anywidget-based widget. --- The Two UI Patterns Semantic Link Labs has exactly two supported patterns for interactive UI tools. Always pick one based on whether the UI needs to call back into Python after the initial render. | Pattern | When to use | Reference implementations | |---------|-------------|---------------------------| | Static-HTML widget (the Vertipaq style) | The UI is fully driven by
Explore related resources
Frequently asked questions
What is ui-styling?
ui-styling is a open-source AI agent skill with Copy skill directory. Guide for the visual style, structure, and shared building blocks used by Semantic Link Labs interactive UI tools (HTML widgets and anywidget-based widgets).
Who is ui-styling best for?
ui-styling is best for reusing agent instructions, scripts, and references, design and media workflows.
How do I install ui-styling?
Install or run ui-styling using Copy skill directory. Check ui-styling for the latest setup command.
Is ui-styling actively maintained?
ui-styling may need a closer maintenance check before production use.
Auto-fetched from GitHub.
