Agent Skills

Install

Use the Helios MCP tools to select a component, read its props and dependencies, and retrieve its source. Source examples run the same export shown in Preview.

What’s inside

# Helios UI implementation
Use the local helios-ui MCP server.
1. Search components and inspect props/dependencies.
2. Retrieve actual React source and resolved tokens.
3. Reuse shared exports in the target project.
4. Check keyboard, loading, error and responsive states.
5. Treat Figma as read-only unless edits are explicitly authorized.
6. Label local examples and provider states truthfully.

What’s included

Where it goes per client

Review the downloaded guidance and add the relevant parts to your project’s own agent instructions. These examples are project files; this page does not install or change any global skill.

# Helios UI
Use the local Helios MCP tools to inspect source, props and semantic tokens. Reuse the shared React exports and verify the application states.

Instructions and MCP serve different roles

The downloadable Markdown records implementation guidance. It does not install a global skill or an MCP server. Add the reviewed guidance to the target project’s own agent instructions if appropriate. MCP supplies versioned source, props, dependency and token data from this checkout.

Updating

Re-download and review the instruction file when the library changes. Keep project-specific authorization and backend rules in that project. This website does not change your agent configuration or grant permission to edit Figma, enable a provider, or deploy an application.