João Paulo Traguetta Rufino avatar

João Paulo Traguetta Rufino

Community

@joaopaulotr · Maringá | Paraná | Brasil

19Followers
|
32Public Repos
|
26Published Skills

Dev at PesquiseMais

Skills Distribution
DomainUI/UX & Crea...Interface Design &.. (40%)Motion Design & Mi.. (20%)UX Writing & Desig.. (15%)Frontend Performan.. (15%)

Agent Skills by João Paulo Traguetta Rufino

Showing 26 vetted skills indexed across 1 GitHub repositories.

joaopaulotrjoaopaulotr

animate

Adds purposeful animations, micro-interactions, and motion effects to UI features.

Community
Intermediate
joaopaulotrjoaopaulotr

quieter

Reduces visual intensity in designs by refining color, typography, motion, and composition.

Community
Intermediate
joaopaulotrjoaopaulotr

shape

Plan UX and UI design direction through structured discovery interviews and design briefs.

Community
Intermediate
joaopaulotrjoaopaulotr

optimize

Diagnoses and fixes UI performance issues across loading, rendering, animations, and bundle size.

Community
Intermediate
joaopaulotrjoaopaulotr

adapt

Adapt designs for different screen sizes, devices, and platforms using responsive breakpoints and fluid layouts.

Community
Intermediate
joaopaulotrjoaopaulotr

impeccable

Generates production-grade frontend interfaces with distinctive typography, color, and layout design.

Community
Advanced
joaopaulotrjoaopaulotr

full-output-enforcement

Enforces complete code generation by banning placeholder patterns and truncation.

Community
Basic
joaopaulotrjoaopaulotr

clarify

Rewrites unclear UX copy, error messages, labels, and instructions for interface comprehension.

Community
Intermediate
joaopaulotrjoaopaulotr

layout

Assess and improve UI layout, spacing systems, and visual hierarchy in interface designs.

Community
Intermediate
joaopaulotrjoaopaulotr

stitch-design-taste

Generates DESIGN.md design system files for Google Stitch screen generation.

Community
Intermediate
joaopaulotrjoaopaulotr

distill

Simplify UI designs by removing unnecessary elements, visual noise, and redundant content.

Community
Intermediate
joaopaulotrjoaopaulotr

delight

Add micro-interactions, animations, and personality to user interfaces.

Community
Intermediate
joaopaulotrjoaopaulotr

industrial-brutalist-ui

Generates brutalist web interfaces combining Swiss typography with military terminal aesthetics.

Community
Intermediate
joaopaulotrjoaopaulotr

audit

Runs technical quality checks across accessibility, performance, theming, and responsive design with scored reports.

Community
Intermediate
joaopaulotrjoaopaulotr

polish

Reviews and fixes alignment, spacing, consistency, and interaction-state issues before shipping UI work.

Community
Intermediate
joaopaulotrjoaopaulotr

design-taste-frontend

Generates React and Next.js frontend interfaces with enforced design rules and motion patterns.

Community
Advanced
joaopaulotrjoaopaulotr

bolder

Amplify bland designs with stronger typography, color, layout, and motion.

Community
Intermediate
joaopaulotrjoaopaulotr

frontend-design

Generates production-grade frontend interfaces with distinctive typography, color, motion, and layout design.

Community
Intermediate
joaopaulotrjoaopaulotr

typeset

Improves typography by fixing font choices, hierarchy, sizing, weight, and readability in interfaces.

Community
Intermediate
joaopaulotrjoaopaulotr

critique

Evaluate interface designs with heuristic scoring, persona testing, and automated anti-pattern detection.

Community
Advanced
joaopaulotrjoaopaulotr

minimalist-ui

Generates editorial-style minimalist web interfaces with warm monochrome palettes and bento-grid layouts.

Community
Intermediate
joaopaulotrjoaopaulotr

high-end-visual-design

Generates premium UI code with curated typography, spacing, shadows, and motion patterns.

Community
Intermediate
joaopaulotrjoaopaulotr

emil-design-eng

Reviews and improves UI animations, transitions, and component interactions using CSS and Framer Motion patterns.

Community
Intermediate
joaopaulotrjoaopaulotr

redesign-existing-projects

Audits and upgrades existing website and app designs to premium visual standards.

Community
Intermediate

Frequently Asked Questions About João Paulo Traguetta Rufino

FAQPage Schema
What tasks can I accomplish with joaopaulotr's design skills?

You can plan features via structured design briefs, add animations and micro-interactions, fix typography and layout spacing, run accessibility and performance audits, adapt interfaces across devices, refine UX copy, and redesign existing projects to premium visual standards.

Who are these skills designed for?

Frontend engineers, UI/UX designers, and product developers building web components, landing pages, dashboards, and applications who need production-grade interfaces, design critique with quantitative scoring, and pre-launch polish passes.

How do I invoke these skills in practice?

Most skills are user-invocable with a target argument, such as a feature, page, or component. The 'impeccable' skill supports 'craft', 'teach', and 'extract' modes for building interfaces, setting design context, or pulling reusable tokens into a design system.

Are these skills open source?

The 'impeccable' skill is licensed Apache 2.0 and based on Anthropic's frontend-design skill with attribution in NOTICE.md. The 'frontend-design' skill carries its own terms in LICENSE.txt; other skills do not specify a license in their frontmatter.

What prerequisites or dependencies do these skills require?

No external dependencies are declared in the manifest. Skills operate on existing frontend code and work with any CSS framework or vanilla CSS, requiring only a target interface, feature, or component to analyze or enhance.