extract-design-system / setup / openai-agents
Setup guide
Set up extract-design-system in OpenAI Agents SDK
communitystdiounknownno verified config · noindex
Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI.
01Configuration
# extract-design-system via OpenAI Agents SDK
# transport: stdio
# launch: npx -y extract-design-system-mcp
OpenAI Agents SDK connects to MCP servers in code. Use its MCP client with the command/URL below; exact API varies by version.
02Steps
- Make sure OpenAI Agents SDK is installed and up to date.
- Wire the server into OpenAI Agents SDK using its MCP client API.
- Provide any required API keys/credentials as environment variables.
- Restart OpenAI Agents SDK and confirm extract-design-system’s tools appear.
03Other runtimes
04Provenance
config_sourcegenerated from captured install method
last_checked2026-07-06 08:23Z
sourcesGitHub repo search [p4]
Next step
Want agents that act within guardrails? Apex is the live governed-agent product — paced, capped, and fully-logged actions with approvals before anything runs.
Explore Apex →See also: server page · is it safe? · alternatives