micro-interactions
blyatiful1/ultrawebComponent-level interaction feedback for ultraweb builds — hover lifts, press states, animated link underlines, input focus treatment, toggle motion…
Scores out of 100 · grade B+
2026-08-20Works
40% of the score100/100
- Loads cleanly: valid frontmatter, required fields present, no dangling references.
Maintained
25% of the score100/100
- no commits in the last 12 weeks
Adopted
20% of the score4/100
- 1 stars on the source repo.
Documented
15% of the score90/100
- 1,328 words with worked examples.
- Ships 2 bundled files.
Install
npx skills add blyatiful1/ultraweb/micro-interactionsWhat it says it does
Component-level interaction feedback for ultraweb builds — hover lifts, press states, animated link underlines, input focus treatment, toggle motion (transform/opacity only, 150–250ms, SYSTEM.md tokens), plus keyboard/focus parity for every hover-reveal affordance, branded chrome surfaces (selection, caret, scrollbar, optional custom cursor), and a bounded text-scramble reveal. Invoke in the ultraweb motion phase (Phase 9) after components are built, or whenever the user says "hover states", "micro-interactions", "the UI feels dead/static", "button feedback", "link underline animation", "focus rings", "custom cursor", "branded scrollbar", "text scramble/decode reveal", "hover-reveal keyboard access", or "polish the interactions". CSS-first — Motion (motion/react) only where CSS transitions cannot do the job.
Also in blyatiful1/ultraweb
| Artifact | Score | What the check found | Type | Reach | Last commit |
|---|---|---|---|---|---|
| analyticsblyatiful1/ultraweb | clean | Skill | 1 stars | 5 days ago | |
| app-structureblyatiful1/ultraweb | clean | Skill | 1 stars | 5 days ago | |
| command-paletteblyatiful1/ultraweb | clean | Skill | 1 stars | 5 days ago | |
| content-cmsblyatiful1/ultraweb | clean | Skill | 1 stars | 5 days ago | |
| emailblyatiful1/ultraweb | clean | Skill | 1 stars | 5 days ago | |
| formsblyatiful1/ultraweb | clean | Skill | 1 stars | 5 days ago |
Other frontend & ui skills
Browse all| Artifact | Score | What the check found | Category | Reach | Last commit |
|---|---|---|---|---|---|
| ui-ux-pro-maxnextlevelbuilder/ui-ux-pro-max-skill | clean | Frontend & UI | 325,271 installs | yesterday | |
| sandbox-benchvercel/next.js | clean | Frontend & UI | 142k stars | today | |
| gh-stackvercel/next.js | clean | Frontend & UI | 142k stars | today | |
| next-cache-components-adoptionvercel/next.js | clean | Frontend & UI | 9,145 installs | today | |
| next-cache-components-optimizervercel/next.js | clean | Frontend & UI | 8,900 installs | today | |
| hyperframes-registryheygen-com/hyperframes | clean | Frontend & UI | 369,389 installs | today |
Put this measurement in your README
A badge carrying how many listings this index holds from the repository and how many pass every static structural check. It reads from this index every time somebody loads your page, so it changes when the measurement changes and there is nothing to keep up to date. Free, no account, and the value is not something you or we can set by hand.
[](https://skillworks.kynth.studio/?q=blyatiful1%2Fultraweb)Would rather not hotlink us? Every badge is also served in shields.io’s endpoint schema, so shields renders the image and your readers never talk to our domain:
Published by Toolproof, the masthead over this index and eight others. The method behind the number is at toolproof.kynth.studio/methodology, and the whole thing is readable as JSON with no key at /api.
