Search
Frontend & Design · For designers
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 2209 | 2209.Angular Component Create modern Angular standalone components following v20+ best practices. | aiskillstore/ | 433 | 1 repo | ~1.7k | Automated safety check: Pass | No licence | 2 days ago |
| 2210 | 2210.Tailwind Patterns Quick reference for Tailwind CSS utility patterns, responsive design, and configuration. | aiskillstore/ | 433 | 1 repo | ~564 | Automated safety check: Pass | No licence | 2 days ago |
| 2211 | 2211.Tailwind V4 Shadcn Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. | aiskillstore/ | 433 | 1 repo | ~4.8k | Automated safety check: Pass | No licence | 2 days ago |
| 2212 | 2212.Frontend Design Create distinctive, production-grade frontend interfaces with high design quality. | tobihagemann/ | 408 | — | ~2.4k | Automated safety check: Pass | MIT | 2 days ago |
| 2213 | 2213.Preview Stand up the project's live app and hand it to the user to try a change firsthand, then act on their verdict once they reply. | tobihagemann/ | 408 | — | ~1.3k | Automated safety check: Pass | MIT | 2 days ago |
| 2214 | 2214.User Experience Apply a UX lens to a user-facing change: whether it serves the user's real goal and whether the path through it holds together, using the Understanding, Bridging, and Flowing contexts. | tobihagemann/ | 408 | — | ~627 | Automated safety check: Pass | MIT | 2 days ago |
| 2215 | Add standard or advanced autotuning to Triton-Ascend kernels, define shape keys and candidate meta-parameters, and structure kernels so automatic split and tiling analysis can recognize their axes. | Krusty84/ | 106 | — | ~813 | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
| 2216 | A skill your agent uses when the user is invoking docaflowdpaperf on DPA-capable hardware (ConnectX-7 minimum supported, ConnectX-8 recommended, or BlueField-3) to measure rule update / disable… | NVIDIA/ | 3.6k | — | ~3.9k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 2217 | 根据品牌名称从 getdesign.md 自动获取设计规范并生成匹配风格的 UI 代码。支持 62 个顶级品牌风格（苹果/Apple、Notion、Claude、Stripe 等），支持中英文品牌名、混搭风格。当用户提到"XX风格"、"做成XX的感觉"、"参考XX设计"时触发。 | SpaceZephyr/ | 176 | — | ~1.1k | Automated safety check: Pass | No licence | 3 mo ago |
| 2218 | 2218.Editor Read analyst.json and detective.json, make all editorial decisions — what the blog argues, which findings matter, narrative arc and section structure. | QinghongLin/ | 155 | — | ~3.9k | Automated safety check: Pass | MIT | 3 mo ago |
| 2219 | 2219.Frontend Design Pro Shared UI/visual-design rule library for building polished, distinctive, multimedia-rich self-contained HTML stories. | QinghongLin/ | 155 | — | ~1.5k | Automated safety check: Pass | MIT | 3 mo ago |
| 2220 | 2220.Imagineer Fan out MANY candidate interactive concepts from the data + narrative — the ideation pool the Editor curates a hero + supporting set from. | QinghongLin/ | 155 | — | ~3.2k | Automated safety check: Notes | MIT | 3 mo ago |
| 2221 | 2221.Data Viz Deck Transform audit data, performance reports, and structured analyses into polished visual deliverables. | thatrebeccarae/ | 161 | — | ~1.8k | Automated safety check: Pass | MIT | 5 mo ago |
| 2222 | Landing page audit and optimization for conversion. An agent skill from thatrebeccarae/claude-marketing. | thatrebeccarae/ | 161 | — | ~1.1k | Automated safety check: Pass | MIT | 5 mo ago |
| 2223 | 2223.Pro Report Builder Create polished HTML technical reports and multi-page documents for consulting deliverables. | thatrebeccarae/ | 161 | — | ~3.6k | Automated safety check: Pass | MIT | 5 mo ago |
| 2224 | 2224.Tech Diagram Generate technical architecture diagrams, pipeline flows, layer/stack diagrams, and system illustrations as standalone HTML files. | thatrebeccarae/ | 161 | — | ~1.1k | Automated safety check: Pass | MIT | 5 mo ago |
| 2225 | 2225.UX First Principles Apply the foundational reasoning of a senior UI/UX designer to interface decisions, BEFORE and WHILE generating UI, not just styling it afterward. | davidortinau/ | 175 | — | ~1.7k | Automated safety check: Pass | MIT | 3 mo ago |
| 2226 | 2226.UX Audit Walk through a live web app AS a real user to find usability + behavioural bugs that static reviews miss. | jezweb/ | 1.1k | — | ~8.6k | Automated safety check: Warn | MIT | 2 days ago |
| 2227 | Modo Elite Coder + UX Pixel-Perfect otimizado especificamente para Gemini 3.1 Pro High. | aiskillstore/ | 433 | 4 repos | ~582 | Automated safety check: Pass | No licence | 2 days ago |
| 2228 | Audit one design system component's accessibility against WCAG 2.2 AA: keyboard, screen reader, contrast, focus, ARIA, target size. | murphytrueman/ | 206 | — | ~6k | Automated safety check: Pass | MIT | 17 days ago |
| 2229 | 2229.Figma Variable Audit Audit Figma variable collections: tier mapping, naming, alias chains, modes, orphans; can fix in place with Figma Console MCP. | murphytrueman/ | 206 | — | ~5.8k | Automated safety check: Pass | MIT | 17 days ago |
| 2230 | Generate per-component JSON metadata files (.ai/metadata/) from source: props, behaviour, composition, a11y contract, prohibited prop combinations. | murphytrueman/ | 206 | — | ~5.4k | Automated safety check: Pass | MIT | 17 days ago |
| 2231 | 2231.System Pitch Investment pitch for a new or continuing design system: cost of current state, ROI with visible assumptions, objections, the ask. | murphytrueman/ | 206 | — | ~5.9k | Automated safety check: Pass | MIT | 17 days ago |
| 2232 | 2232.Theme Audit Audit theme parity: tokens missing or unchanged per theme, component tokens bypassing semantics, contrast within each theme, resolver contexts, theme-switch regressions. | murphytrueman/ | 206 | — | ~6.3k | Automated safety check: Pass | MIT | 17 days ago |
| 2233 | 2233.Token Audit Audit how design tokens are defined: tiers, naming, alias chains, raw values, orphans, DTCG readiness. | murphytrueman/ | 206 | — | ~6.5k | Automated safety check: Pass | MIT | 17 days ago |
| 2234 | 2234.Token Compliance Find hardcoded colour, spacing and type values and wrong-tier token references in consuming code. | murphytrueman/ | 206 | — | ~5.8k | Automated safety check: Pass | MIT | 17 days ago |
| 2235 | 2235.Brand Agency Applies Agency brand colors and typography to artifacts including presentations, SVG graphics, documents, and web interfaces. | glebis/ | 391 | — | ~1.6k | Automated safety check: Pass | MIT | 3 days ago |
| 2236 | 2236.Typography This skill should be used when applying proper typography to prose text or files in Russian, English, German, or French — smart quotes per locale («ёлочки», “curly”, „Gänsefüßchen“, « guillemets »)… | glebis/ | 391 | — | ~1k | Automated safety check: Pass | MIT | 3 days ago |
| 2237 | 2237.Not A Vibe Coder Turns vague prompts into 8 structured planning files for brand new projects. | sickn33/ | 47k | 1 repo | ~1.9k | Automated safety check: Warn | MIT | 2 days ago |
| 2238 | 2238.Link A skill your agent uses when you need to create accessible and interactive links. | thedaviddias/ | 259 | — | ~1.1k | Automated safety check: Pass | Unknown | 6 days ago |
| 2239 | 2239.Login A skill your agent uses when implementing user authentication and sign-in forms. | thedaviddias/ | 259 | — | ~1.1k | Automated safety check: Pass | Unknown | 6 days ago |
| 2240 | 2240.Megamenu A skill your agent uses when you need to display a large number of links in a single menu. | thedaviddias/ | 259 | — | ~1.2k | Automated safety check: Pass | Unknown | 6 days ago |
| 2241 | 2241.Sidebar A skill your agent uses when you need to organize and structure site navigation. | thedaviddias/ | 259 | — | ~1.2k | Automated safety check: Pass | Unknown | 6 days ago |
| 2242 | 2242.Signup A skill your agent uses when implementing user registration and account creation. | thedaviddias/ | 259 | — | ~1.2k | Automated safety check: Pass | Unknown | 6 days ago |
| 2243 | 2243.Tabs A skill your agent uses when you need to switch between different views. | thedaviddias/ | 259 | — | ~1.3k | Automated safety check: Pass | Unknown | 6 days ago |
| 2244 | 2244.Text Field A skill your agent uses when implementing enter and edit text content. | thedaviddias/ | 259 | — | ~1.4k | Automated safety check: Pass | Unknown | 6 days ago |
| 2245 | Writes complete, structured landing pages optimized for SEO ranking, AEO citation, and visitor conversion. | henryalouf/ | 157 | — | ~1.1k | Automated safety check: Pass | MIT | 4 mo ago |
| 2246 | 2246.UI System Reuse existing UI primitives, CSS vars, and DESIGN.md patterns instead of inventing new buttons, colors, borders, shadows, or helpers — including when implementing a Figma file, mock, or screenshot. | OutThisLife/ | 199 | — | ~4.8k | Automated safety check: Pass | MIT | 6 days ago |
| 2247 | A skill your agent uses when a ZBrush sculpt, scan or AI-generated mesh must become production topology and files (ZRemesher and guides, the 2026 Retopo brush, reprojecting detail with Project All… | scenario-labs/ | 946 | — | ~4.8k | Automated safety check: Pass | MIT | yesterday |
| 2248 | 2248.Anygen Storybook Use this skill any time the user wants to create visual stories, illustrated narratives, or storybook content. | LeoYeAI/ | 2.2k | — | ~4.3k | Automated safety check: Pass | MIT | 2 mo ago |
| 2249 | 2249.Figma To Static Convert Figma design files to pixel-level mobile-first static HTML/CSS pages. | LeoYeAI/ | 2.2k | — | ~7.1k | Automated safety check: Pass | MIT | 2 mo ago |
| 2250 | 2250.Gstack Fast headless browser for QA testing and site dogfooding. An agent skill from LeoYeAI/openclaw-master-skills. | LeoYeAI/ | 2.2k | — | ~4.1k | Automated safety check: Notes | MIT | 2 mo ago |
| 2251 | 2251.Accessible Content A skill your agent uses when writing or structuring any user-facing content — interface copy, labels, error messages, help text, headings, alt text, link text, or form instructions — ensures content… | Owl-Listener/ | 251 | — | ~1.1k | Automated safety check: Pass | MIT | 3 mo ago |
| 2252 | A skill your agent uses when evaluating mental load, wayfinding, focus management, memory demands, or decision complexity in any interface — ensures designs work for people with cognitive… | Owl-Listener/ | 251 | — | ~1.3k | Automated safety check: Pass | MIT | 3 mo ago |
| 2253 | 2253.Design Library A skill your agent uses when the user wants to start from a known brand's design language — "use the same design language as Stripe", "make it feel like Linear", "start from Notion's DESIGN.md"… | Owl-Listener/ | 251 | — | ~2.1k | Automated safety check: Pass | MIT | 3 mo ago |
| 2254 | 2254.Design Memory Use at project start and completion to OBSERVE and record how the user designs — the decisions they make, the styles they reach for, their habits and inclinations across projects. | Owl-Listener/ | 251 | — | ~2.4k | Automated safety check: Pass | MIT | 3 mo ago |
| 2255 | 2255.Motion Choreography A skill your agent uses when designing animation sequences, page transitions, micro-interactions, loading states, or any motion that communicates meaning — ensures motion is purposeful, performant… | Owl-Listener/ | 251 | — | ~610 | Automated safety check: Pass | MIT | 3 mo ago |
| 2256 | 2256.UI Composition A skill your agent uses when building layouts, choosing colours, setting typography, establishing visual hierarchy, designing responsive behaviour, or making any visual design decision — ensures… | Owl-Listener/ | 251 | — | ~1.2k | Automated safety check: Pass | MIT | 3 mo ago |
