Timbrinded Kiln
timbrinded-kiln is a Claude Code plugin for the Build phase that offers a marketplace of design plugins to refine typography, spacing, accessibility, and platform UI polish on existing frontend code.
by timbrinded · github.com/timbrinded/kiln
Install Kiln when you have working UI code but it still looks amateur and you want Claude Code design plugins for typography, tokens, accessibility, and platform-specific polish.
Add it to Claude Code
Install the plugin in Claude Code. One command, paste-ready.
/plugin install timbrinded-kiln@timbrinded/kilnBuilt to be called by your agent
Skillselion is itself an MCP server. Your agent can pull this entry and a paste-ready install config straight from the API - no copy-paste.
Retrieve this entry with skillselion.get_details("plugin:timbrinded/kiln") and the paste-ready config with skillselion.get_install_config("plugin:timbrinded/kiln").
What it does
timbrinded-kiln is a Claude Code plugin marketplace that reframes design as something you apply after the first implementation pass—raw code in, polished product UI out. Solo builders often ship functional screens that fail on spacing, type scale, contrast, or platform conventions; Kiln bundles three design-oriented plugins that encode refactoring-ui principles, enforceable rules, antipattern fixes, and language-agnostic technique descriptions. Keywords point to depth across web stacks and Apple mobile surfaces, including accessibility grading and visual review flows. Use it when you are iterating on SaaS dashboards, marketing sites, or SwiftUI apps and want agent guidance that names concrete fixes rather than vague make it pretty advice. Expect intermediate comfort with your UI stack. This is a design plugin marketplace, not a component library CDN or Figma replacement.
Highlights
- Kiln marketplace ships 3 Claude Code design plugins focused on polishing raw UI code
- Cross-language coverage: CSS, Tailwind, TypeScript UI, Swift, SwiftUI, and Apple HIG-oriented mobile guidance
- Refactoring UI–style spacing, typography, color hierarchy, and token discipline
- Accessibility and compliance-oriented review patterns with screenshot and visual review support
- Performance-adjacent topics include profiling, antipatterns, and optimization wisdom in plugin keywords
Why builders use it
Indie builders ship features fast but their interfaces look unfinished because they lack a systematic design review layer inside the coding agent.
After you add Kiln, Claude Code can apply structured design rules, visual reviews, and refactor guidance so UI code matches modern hierarchy, tokens, and accessibility expectations.
At a glance
- Type - Plugin in Frontend & UI.
- Adoption - 0 installs, 0 stars, 0 votes.
FAQ
Who is timbrinded-kiln for?
It is for Claude Code users shipping web or mobile UIs who want Kiln’s design plugins to upgrade spacing, typography, accessibility, and visual quality on real code.
When should I use timbrinded-kiln?
Use it after a first UI implementation when screenshots still feel off, before release review, or while prototyping a credible interface for validation.
How do I add timbrinded-kiln to my agent?
Register the timbrinded/kiln repository as a Claude Code plugin marketplace, install the three design plugins, and invoke them against your CSS, Tailwind, or SwiftUI files.
Comments
Share how you use timbrinded-kiln, gotchas, or tips for other indie builders.
No comments yet - be the first to share how you use it.