Search
Frontend & Design
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 145 | Sets the rules for translating and updating Plane's UI strings across locales: do-not-translate terms, plural forms, placeholders and AI translation review. | makeplane/ | 61k | — | ~16k | Automated safety check: Pass | AGPL-3.0 | 2 days ago |
| 146 | 146.Openkb Deck Neon A skill your agent uses when the user asks the openkb chat to make a deck / slide presentation / PPT / slides / 演示稿 / 幻灯片 from their compiled KB content AND wants a dark, high-tech, neon / glow /… | VectifyAI/ | 4.8k | 1 repo | ~4.3k | Automated safety check: Pass | Apache-2.0 | 2 mo ago |
| 147 | Use this skill when developing or maintaining browser extension code in the `browser/` directory, including Chrome/Firefox/Edge compatibility… | yamadashy/ | 29k | 1 repo | ~288 | Automated safety check: Pass | MIT | today |
| 148 | Pushes an agent past generic defaults when designing dashboards, admin panels, SaaS apps and tools, with attention to structure, type, navigation and how data is shown. | holaboss-ai/ | 11k | 3 repos | ~6k | Automated safety check: Pass | MIT | 1 mo ago |
| 149 | Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. | involvex/ | 456 | 13 repos | ~3k | Automated safety check: Pass | MIT | 3 days ago |
| 150 | Helps add, compose, debug and style spartan/ui components in Angular projects, using its Brain headless primitives and Helm styled layer through the @spartan-ng/cli generators. | spartan-ng/ | 2.9k | — | ~2.4k | Automated safety check: Pass | MIT | 3 days ago |
| 151 | Sets the file structure, typing and Data API pattern for writing a new Bootstrap-style JavaScript component class in Tabler's vendored port of Bootstrap's JS. | tabler/ | 42k | — | ~2.2k | Automated safety check: Pass | MIT | yesterday |
| 152 | 152.GSAP Utils Covers the gsap.utils helpers for clamping, range mapping, normalizing, snapping, randomizing and wrapping values in GSAP animations. | greensock/ | 16k | 3 repos | ~3k | Automated safety check: Pass | MIT | 2 mo ago |
| 153 | 153.Fern Components Knowledge of Fern's built-in MDX component library (accordions, callouts, cards, steps, tabs, code blocks, API-reference snippets, and more) for authoring docs pages. | ai-dynamo/ | 8.3k | — | ~2.8k | Automated safety check: Pass | Apache-2.0 | today |
| 154 | Create, validate, preview, and publish self-contained HTML artifacts. | latitude-dev/ | 4.7k | — | ~1.1k | Automated safety check: Pass | MIT | 2 days ago |
| 155 | 155.Thesvg Fetch brand SVG logos and cloud architecture icons (AWS, Azure, GCP) from theSVG. | glincker/ | 2.8k | — | ~1.5k | Automated safety check: Pass | MIT | today |
| 156 | Overrides default LLM truncation behavior. An agent skill from caorushizi/oss-client. | caorushizi/ | 113 | 12 repos | ~646 | Automated safety check: Pass | No licence | 1 mo ago |
| 157 | Analyzes Chrome or Electron DevTools Performance trace exports with Python scripts to find where render time actually goes, without opening DevTools. | keybase/ | 9.3k | — | ~809 | Automated safety check: Pass | BSD-3-Clause | 2 days ago |
| 158 | Lightweight 3D effects for decorative elements and micro-interactions using Zdog, Vanta.js, and Vanilla-Tilt.js. | jasonkneen/ | 1.6k | 1 repo | ~5.7k | Automated safety check: Pass | AGPL-3.0 | today |
| 159 | Maps published Figma components to their code implementations with Code Connect, using the Figma MCP suggestion and mapping tools. | warpdotdev/ | 65k | 2 repos | ~4.2k | Automated safety check: Pass | AGPL-3.0 | today |
| 160 | 160.Translate Translate new or untranslated i18n strings from the English locale files (core.json + peri.json) into all other locales, maintaining consistency with each language's existing translations. | tagspaces/ | 5.3k | — | ~2.2k | Automated safety check: Pass | AGPL-3.0 | today |
| 161 | 161.Frontend I18n Add, change, or review user-facing text in the Langflow frontend using the i18n system (i18next / react-i18next). | langflow-ai/ | 155k | — | ~1k | Automated safety check: Pass | MIT | yesterday |
| 162 | 162.Docs Skill Conventions and verification workflow for writing and restructuring the documentation site (docs/content). | TypeCellOS/ | 10k | — | ~1.9k | Automated safety check: Pass | Unknown | 2 days ago |
| 163 | Official daisyUI skill for Tailwind CSS projects, routing to install, usage, configuration, color and per-component guides before writing any HTML or JSX with its classes. | saadeghi/ | 43k | — | ~1.3k | Automated safety check: Pass | MIT | 3 days ago |
| 164 | 164.Wireframe Produce low-fidelity black-and-white UI wireframes as SVGs or viewer pages. | paperclipai/ | 100k | — | ~2.9k | Automated safety check: Pass | MIT | today |
| 165 | Enforces Effect-TS patterns for services, errors, layers, and atoms. | millionco/ | 3.6k | — | ~3.8k | Automated safety check: Pass | Unknown | 5 mo ago |
| 166 | 166.Zod Zod schema validation best practices for type safety, parsing, and error handling. | jasonjgardner/ | 500 | 3 repos | ~1.4k | Automated safety check: Pass | GPL-3.0 | 9 days ago |
| 167 | This skill should be used when setting up, auditing, or enforcing internationalization/localization in UI codebases (React/TS, i18next or similar, JSON locales), including installing/configuring the… | zebbern/ | 4.7k | 1 repo | ~1.3k | Automated safety check: Pass | MIT | yesterday |
| 168 | 168.Readme I18n A skill your agent uses when the user wants to translate a repository README, make a repo multilingual, localize docs, add a language switcher, internationalize the README, or update localized… | Y80/ | 344 | 2 repos | ~1.9k | Automated safety check: Pass | MIT | 4 mo ago |
| 169 | 169.Oil UI Design, improve, and review interfaces for websites, apps, dashboards, and components: explore distinct design directions, compare styles side by side, and refine visual hierarchy against real… | oil-oil/ | 1.2k | — | ~1.9k | Automated safety check: Pass | MIT | today |
| 170 | 170.Uni App Comprehensive skill reference for uni-app cross-platform development framework | sonofmagic/ | 336 | 2 repos | ~1k | Automated safety check: Pass | MIT | 10 days ago |
| 171 | Scans a codebase for missing or inconsistent UI motion, scores it from 0 to 100, and applies a transitions.dev fix only after you pick between a light polish and a full recipe revamp. | Jakubantalik/ | 4.7k | — | ~1.6k | Automated safety check: Pass | Unknown | yesterday |
| 172 | 172.Uncodixfy Prevents generic AI/Codex UI patterns when generating frontend code. | pdsuwwz/ | 579 | 2 repos | ~3k | Automated safety check: Pass | MIT | 2 mo ago |
| 173 | 173.Core Web Vitals Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. | vmDeshpande/ | 178 | 4 repos | ~3.6k | Automated safety check: Pass | MIT | 29 days ago |
| 174 | Guides changes to the @handsontable/angular-wrapper package: the HotTableComponent lifecycle, NgZone performance handling, settings services and the ng-packagr build. | handsontable/ | 22k | — | ~1k | Automated safety check: Pass | Unknown | yesterday |
| 175 | Builds a reusable iPolloWork template for Design, Slides or PPT, or HyperFrames Video through conversation, keeping a manifest, reusable variables and a validated package current. | Devin-AXIS/ | 6.8k | — | ~925 | Automated safety check: Pass | Unknown | yesterday |
| 176 | 176.Ss Learn Capture a human-approved UI design lesson as a privacy-minimized local StyleSeed candidate, review it, and prepare an opt-in share package without transmitting project code, prompts, screenshots, or… | bitjaru/ | 973 | — | ~1.3k | Automated safety check: Pass | MIT | 2 days ago |
| 177 | Build, review, debug, reverse-engineer data sources for, and package FongMi/WebHome custom homepage single-file HTML. | webhtv/ | 1.7k | — | ~3.8k | Automated safety check: Pass | GPL-3.0 | 2 days ago |
| 178 | Synchronizes the UniGetUI English language file with source-code usage, identifies missing translation keys, removes unused entries, reports localization drift, and can reorder locale files to match… | Devolutions/ | 26k | — | ~1.2k | Automated safety check: Pass | MIT | yesterday |
| 179 | Turns a vague UI request into a concrete design system with style, palette, typography and layout guidance from a search script, plus stack-specific implementation advice. | Galaxy-Dawn/ | 5.7k | 1 repo | ~1.1k | Automated safety check: Pass | MIT | 18 days ago |
| 180 | 180.Design Style A skill your agent uses whenever the user asks to build, create, design, develop, improve, or style any frontend interface or visual element. | Castor6/ | 376 | 1 repo | ~2.1k | Automated safety check: Pass | Apache-2.0 | 5 mo ago |
| 181 | Comprehensive web quality audit covering performance, accessibility, SEO, and best practices. | midudev/ | 114 | 3 repos | ~1.7k | Automated safety check: Pass | MIT | 13 days ago |
| 182 | A skill your agent uses when the user asks to "write ad copy", "generate RSA headlines", or "build ad creative at volume"; produces ad units — RSA headlines/descriptions, hooks, and an angle matrix… | aaron-he-zhu/ | 2.9k | 2 repos | ~2.2k | Automated safety check: Pass | Apache-2.0 | today |
| 183 | LLM Agent 多语言注入规范。在修改 Agent 提示词、添加新的 Agent 端点、处理用户可见的后端消息(messagecode)时使用。 | microsoft/ | 18k | — | ~1.2k | Automated safety check: Pass | MIT | 3 days ago |
| 184 | How to write JSDoc (/ /) and inline (//) comments in the Astro codebase, for contributors reading the source — not end users. | withastro/ | 63k | — | ~2.7k | Automated safety check: Pass | Unknown | yesterday |
| 185 | Generate React Native Reanimated animation code for React Native apps. | gluestack/ | 5.3k | — | ~2.4k | Automated safety check: Pass | No licence | 1 mo ago |
| 186 | 186.UI Architect ALWAYS use this skill for ANY change to the OpenObserve web UI (web/) — even a single-line UI modification. | openobserve/ | 22k | — | ~16k | Automated safety check: Notes | AGPL-3.0 | yesterday |
| 187 | A skill your agent uses when maintaining the moonbitlang/moonbit-docs repository, including Sphinx docs under next/, MoonBit examples under next/sources/, error-code documentation, gettext… | moonbitlang/ | 2.5k | — | ~1.1k | Automated safety check: Pass | Unknown | 20 days ago |
| 188 | Gives per-component and per-API examples, reference specs and compatibility notes for building cross-platform uni-app apps, mirroring the official documentation. | feige996/ | 2.3k | — | ~1.6k | Automated safety check: Pass | MIT | 26 days ago |
| 189 | 189.Core Web Vitals Optimize Core Web Vitals (LCP, INP, CLS) for better page experience using field and lab evidence. | addyosmani/ | 2.9k | — | ~2.4k | Automated safety check: Pass | MIT | 1 mo ago |
| 190 | 190.Performance Optimize web performance for faster loading and better user experience. | midudev/ | 114 | 6 repos | ~2.3k | Automated safety check: Pass | MIT | 13 days ago |
| 191 | Real-time agent conversation monitoring - monitors Higress access logs, aggregates conversations by session, tracks token usage. | higress-group/ | 9.5k | — | ~3.3k | Automated safety check: Pass | Apache-2.0 | 3 days ago |
| 192 | Audits a design against Dieter Rams' ten principles of good design, scores each with evidence, and hands off a make-plan prompt for a new, refined or redesigned outcome. | thedotmack/ | 99k | — | ~4.6k | Automated safety check: Pass | Apache-2.0 | 2 days ago |