wilwaldon writes a curated toolkit of 70+ tools'' skills, plugins, MCP servers, and CLAUDE.md config snippets'' organized by use case to help Claude Code produce better-looking frontend output, covering everything from aesthetic direction and site-wide theming through animation, Figma-to-code pipelines, browser automation testing, and deployment.
- The "essentials" stack for any project is just three commands: the official frontend-design skill, Context7 (live docs), and Playwright MCP
- MCP servers consume ~55k tokens at session start; skills load only ~100 tokens, making them a cheaper way to inject specialized knowledge
- Figma's MCP server now supports "Code to Canvas" (Feb 2026), pushing a running UI back into Figma as editable layers
- The Design Tokens skill derives an entire OKLCH color palette from a single `--brand-hue` number
- The "essentials" stack for any project is just three commands: the official frontend-design skill, Context7 (live docs), and Playwright MCP
- MCP servers consume ~55k tokens at session start; skills load only ~100 tokens, making them a cheaper way to inject specialized knowledge
- Figma's MCP server now supports "Code to Canvas" (Feb 2026), pushing a running UI back into Figma as editable layers
- The Design Tokens skill derives an entire OKLCH color palette from a single `--brand-hue` number
Typeui.sh offers a curated collection of design skills available as 'skill.md' files. These files are designed to be integrated into agentic AI tools, allowing users to instruct Large Language Models (LLMs) to create websites with specific designs.
Users can obtain these skill files using the command 'npx typeui.sh pull name » ' or by directly copying/downloading them from the website. These hand-crafted designs enable both developers and AI agents, such as those built with OpenClaw, to build websites based on pre-defined aesthetic principles. A newsletter subscription is available for updates on features and design system tips.
Users can obtain these skill files using the command 'npx typeui.sh pull name » ' or by directly copying/downloading them from the website. These hand-crafted designs enable both developers and AI agents, such as those built with OpenClaw, to build websites based on pre-defined aesthetic principles. A newsletter subscription is available for updates on features and design system tips.
