Reference
Capabilities
High-level property coverage. Status symbols:
full · full with documented ceiling ·
corpus metrics roughly r=b=0, mean IoU ≈ 0.97.
Visual
- Solid / multi-layer fills, linear · radial · conic gradients
- Image fills as
<img> or background; object-fit mapping
- Strokes (solid, per-side, gradient, dashed), radii including pill detection
- Drop / inner shadows, layer blur, backdrop blur
- Opacity, blend modes, rotation, flip, clip, scroll overflow
- Vector paths / boolean ops, stroke caps & joins, evenodd
- Whole-node hyperlinks →
<a>
Text
- Family, weight, size, color, letter-spacing, line-height
- Align / valign, underline, strike, italic, case transforms
- Truncate / line-clamp, text-stroke, gradient text
- Inline runs (mixed style spans + links)
- Google Fonts webfont injection for non-system families
- Input placeholders (including hole-driven placeholders in loops)
Layout (geometry-inferred)
- Flex direction, gap, padding, main/cross alignment
- fill / hug / fixed sizing with pin strategies
- flex-wrap grids, CSS grid tables & grid-areas dashboards
- Avatar facepile negative-margin stacks
- Scroll viewports, nested shells, absolute fallbacks
- List family detection & transpose for card grids
Ceilings
Single-frame geometry cannot always recover grow ratios or ambiguous multi-line hug widths.
Those stay measured, not invented.
Design system
- INSTANCE → import match (L2)
- Signature match for loops without INSTANCE (L3)
- Explicit aliases (L4)
- Local component hoist (L0)
- Repo scan + props resolution (AST)
- VARIANT / BOOLEAN / TEXT props + INSTANCE_SWAP slots
Loops
- Direct fold, period fold, partial mid-run fold
- Nested loops, structural periods, incomplete tails
- Pseudo-loop rejection, pair threshold (≥3)
- Slot holes across React / Vue / HTML with honest Vue unroll where needed
Engine maintainers track the exhaustive Chinese matrix in-repo
(docs/CAPABILITIES.md). This page is the public summary.