Make Interfaces Feel Better
- 1.4k installs
- 238k repo stars
- Updated August 5, 2026
- affaan-m/ecc
This is a copy of make-interfaces-feel-better by affaan-m - installs and ranking accrue to the original listing.
make-interfaces-feel-better is an agent skill that turns flat or generic UI components into polished, tactile interfaces for developers who want finished, delightful frontend interactions.
About
make-interfaces-feel-better in affaan-m/ecc (origin ECC) guides agents to elevate generic UI components into polished, tactile interfaces that feel finished and delightful rather than template-default. The skill targets micro-interactions, visual hierarchy, spacing, motion, and affordances that separate prototype UIs from production-quality surfaces. A Japanese translation of the skill file is in progress; the English source remains the authoritative workflow reference. Developers reach for make-interfaces-feel-better when a React or web UI technically works but feels flat, when design review asks for more polish, or when shipping a user-facing screen that needs perceived quality improvements without a full redesign. Triggers include make UI feel better, polish components, improve tactile feedback, and refine generic shadcn or Tailwind layouts.
- Applies concentric radius rules for nested rounded surfaces to achieve optical coherence
- Corrects optical alignment for icons, buttons, arrows and asymmetric elements instead of pure geometric centering
- Recommends layered shadows, borders and focus rings to create depth and separation
- Provides concrete before/after suggestions for spacing, typography, motion, hit areas and interaction states
- Triggers on feedback that UI feels off, flat, cramped, jumpy or unfinished
Make Interfaces Feel Better by the numbers
- 1,419 all-time installs (skills.sh)
- +94 installs in the week ending Aug 5, 2026 (Skillselion tracking)
- Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/affaan-m/ecc --skill make-interfaces-feel-betterAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 1.4k |
|---|---|
| repo stars | ★ 238k |
| Last updated | August 5, 2026 |
| Repository | affaan-m/ecc ↗ |
How do you make UI components feel more polished?
Turn flat or generic UI components into polished, tactile interfaces that feel finished and delightful.
Who is it for?
Frontend developers with working but generic React or web UIs who need agent-guided polish for micro-interactions and tactile interface quality.
Skip if: Full brand identity or design-system creation from scratch, backend API design, or accessibility audit remediation as the primary goal.
When should I use this skill?
User says UI feels flat or generic, asks to polish components, or wants interfaces to feel more tactile and finished.
What you get
Refined UI components with improved micro-interactions, spacing, affordances, and tactile visual polish.
- Polished UI component code
- Improved micro-interaction patterns
Files
make-interfaces-feel-better - 日本語翻訳進行中
このファイルの翻訳は実装中です。英語版は元のスキルファイルを参照してください。
詳細は：D:/tmp/everything-claude-code/skills/make-interfaces-feel-better/SKILL.md
Related skills
Frontend DesignGenerate distinctive, production-grade frontend interfaces and components that avoid generic AI aesthetics.716k165k
Web Design GuidelinesAutomatically audit frontend code against the latest Vercel Web Interface Guidelines for consistency, accessibility, and UX quality.498k29.6k
Lark WhiteboardGenerate valid Lark Whiteboard (Feishu Board) documents with correctly placed connectors, automatic routing, and proper schema compliance directly from agent inst389k16k
Sleek Design Mobile AppsGenerate mobile app screens and UI from plain English descriptions using the Sleek.design API.315k476
Design Taste FrontendOverride generic LLM frontend output with intentional, metric-driven UI/UX taste.301k69.4k
Ui Ux Pro MaxGet instant, high-quality UI/UX decisions, component recommendations, style guidance, and code improvements across web and mobile projects.290k112kHow it compares
Pick make-interfaces-feel-better for polishing existing components; pick frontend-design skills when creating distinctive layouts from a blank page.
FAQ
What does make-interfaces-feel-better improve?
make-interfaces-feel-better refines flat or generic UI components with tactile micro-interactions, spacing, visual hierarchy, and affordances so interfaces feel finished and delightful.
Is make-interfaces-feel-better available in Japanese?
make-interfaces-feel-better has a Japanese translation in progress in affaan-m/ecc; the English ECC origin skill file remains the authoritative workflow until translation completes.