Category
Best frontend and UI design skills, page 122
Frontend & Design skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 5809 | 5809.Dy Skill I18n 处理前端国际化翻译工作。当用户提到需要做国际化、i18n、翻译、多语言支持时使用此 skill。主要功能：1) 识别代码中的硬编码静态文字；2) 判断是否应使用现有公共翻译或需要新增；3) 将翻译添加到对应的语言文件中；4) 将硬编码替换为国际化调用；5) 检查翻译完整性和正确性。 | LeoYeAI/ | 2.2k | — | ~2.7k | Automated safety check: Pass | MIT | 2 mo ago |
| 5810 | Generate UI tests for FOSMVVM SwiftUI views using XCTest and FOSTestingUI. | LeoYeAI/ | 2.2k | — | ~4.4k | Automated safety check: Pass | MIT | 2 mo ago |
| 5811 | 5811.Google Web Fonts Use the Google Fonts API to add fonts to web pages. An agent skill from LeoYeAI/openclaw-master-skills. | LeoYeAI/ | 2.2k | — | ~516 | Automated safety check: Pass | MIT | 2 mo ago |
| 5812 | Build high-converting landing pages and product sales pages using proven 10-section conversion frameworks. | LeoYeAI/ | 2.2k | — | ~4.6k | Automated safety check: Pass | MIT | 2 mo ago |
| 5813 | 5813.Ocean Chat OceanBus SDK lighthouse — try agent-to-agent messaging in 5 minutes. | LeoYeAI/ | 2.2k | — | ~1.9k | Automated safety check: Pass | MIT | 2 mo ago |
| 5814 | 5814.Color Psychology A color psychology skill used by the visual-director agent. An agent skill from revfactory/harness-100. | revfactory/ | 1.3k | — | ~1.2k | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 5815 | 5815.Component Patterns React/Next.js 컴포넌트 설계 패턴 라이브러리. An agent skill from revfactory/harness-100. | revfactory/ | 1.3k | — | ~1.1k | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 5816 | 5816.Design System Full pipeline for systematically building a UI design system. | revfactory/ | 1.3k | — | ~1.8k | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 5817 | A specialized skill for designing the information architecture (IA) of knowledge bases. | revfactory/ | 1.3k | — | ~1.1k | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 5818 | 지식베이스의 정보 구조(IA)를 설계하는 전문 스킬. An agent skill from revfactory/harness-100. | revfactory/ | 1.3k | — | ~694 | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 5819 | 5819.Mobile App Builder Full mobile app development pipeline. An agent skill from revfactory/harness-100. | revfactory/ | 1.3k | — | ~1.8k | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 5820 | 5820.Mobile UX Patterns Mobile UX design pattern library. An agent skill from revfactory/harness-100. | revfactory/ | 1.3k | — | ~1.4k | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 5821 | 5821.Space Concept Board A full pipeline where an agent team collaborates to generate an interior space concept board all at once. | revfactory/ | 1.3k | — | ~1.8k | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 5822 | 5822.Token Generator 디자인 토큰을 체계적으로 생성하는 방법론과 도구. An agent skill from revfactory/harness-100. | revfactory/ | 1.3k | — | ~906 | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 5823 | 5823.Wcag Checker WCAG 2.1/2.2 접근성 검증 체크리스트와 자동 감사 방법론을 제공하는 스킬. An agent skill from revfactory/harness-100. | revfactory/ | 1.3k | — | ~991 | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 5824 | Provider-independent production guidance for converting observed video into precise, objective, temporally ordered language. | calesthio/ | 193 | — | ~3.7k | Automated safety check: Pass | MIT | 2 mo ago |
| 5825 | Provider-independent production guidance for deterministic Canvas 2D and p5.js animation. | calesthio/ | 193 | — | ~3.1k | Automated safety check: Pass | MIT | 2 mo ago |
| 5826 | Provider-independent workflow for producing terminal, IDE, documentation, browser, desktop, and application demonstration videos. | calesthio/ | 193 | — | ~3.5k | Automated safety check: Pass | MIT | 2 mo ago |
| 5827 | Provider-independent governance workflow for verifying and correcting human- or model-generated video descriptions. | calesthio/ | 193 | — | ~3.5k | Automated safety check: Pass | MIT | 2 mo ago |
| 5828 | 5828.Design Optimizer Optimize a website or app design in one run: capture the page once, audit usability, UX/AX, virality and agent readiness, merge overlaps into one prioritized report, apply fixes on opt-in. | luongnv89/ | 131 | — | ~3.3k | Automated safety check: Warn | MIT | today |
| 5829 | 5829.Emil Design Eng This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great. | Asymmetric-al/ | 381 | — | ~7.4k | Automated safety check: Pass | AGPL-3.0 | today |
Explore related skills
Topics in Frontend & Design
- Accessibility1,037
- Design systems831
- UI design478
- Landing pages458
- React components450
- Internationalization416
- Typography398
- Design tokens395
- Frontend development358
- CSS and styling349
- Theming and dark mode334
- Web performance312
- HTML artifacts276
- State management274
- Static sites and blogs270
- UX design267
- Responsive design258
- Web animation and motion189
- Forms and validation180
- Design to code104
- Icons and illustration64
Products these skills work with
Roles that use these skills
Other categories
- Development15,199
- Backend & APIs7,083
- Testing & QA5,062
- DevOps & Cloud5,955
- Databases2,353
- Data & Analytics3,632
- AI & LLM Engineering5,048
- Agent Workflows8,296
- Documents & Office4,290
- Writing & Content3,764
- Marketing & SEO3,901
- Sales & Support1,837
- Research & Science6,076
- Security3,087
- Productivity & Automation4,035
- Business, Finance & HR3,880
- Legal & Compliance1,634
- Education1,086
- Media & Creative4,311
- Mobile2,737
- Product & Project Management2,339
- Knowledge Management1,438
- Game Development1,678