Loading...
Loading...
Found 289 Skills
UI/UX design optimization toolkit with 20 built-in themes and custom theme generation. Applies design systems with color, typography, spacing optimization for any tech stack. Use when user says "rico optimize", "rico 优化设计", "rico use style", "rico 用风格", "rico theme","rico 应用主题", "rico 生成主题", "rico design".
奶油纸 + 锈红 + 蓝图网格 mask + 黑边硬卡片 + pipeline 盒
Clone a GitHub repo and extract design tokens (colors, fonts, spacing) from its codebase. Use when user gives a github.com URL and wants a design system or design work rooted in the repo's style.
Critique a screen's brand consistency against mood.md, voice.md, and tokens.md.
Anti-AI-generic design guidelines. Use when creating UI prototypes, reviewing designs for generic AI patterns, or setting up a project design system.
Especialista em design de interface e sistemas de design no SynkOS. Use esta skill quando o usuário pedir para auditar a UI por consistência ou acessibilidade, documentar o design system (tokens, componentes, padrões), criar uma especificação de frontend com component tree e data flow, projetar um componente com todos os seus estados (loading, empty, error, success), ou fazer perguntas como "audite a interface de X", "crie a spec de frontend para Y", "o componente Z tem todos os estados?", "documente os tokens de design", "a UI passa no WCAG AA?". Ative também para priorizar dívida de UX ao lado de dívida técnica, e para garantir que todo elemento de UI comunica seu estado ao usuário. Nota: para redesign completo de produto ou iteração visual interativa, prefira a skill `impeccable`.
Implement Google's Material Design 3 (Material You) UI system. Primary: Jetpack Compose Material3 (MaterialTheme, components, adaptive layout). Also Flutter and limited web (@material/web, maintenance mode). Covers tokens, 30+ components, layout, theming, M3 Expressive (platform matrix), and accessibility. Use when: "material design", "MD3", "material you", "Jetpack Compose", "MaterialTheme", "material component", "md3 button".
Designs user experiences and interfaces grounded in research. Use when creating user journeys, wireframes, prototypes, or improving usability. Use for information architecture, interaction design, accessibility audits, design system creation, and developer handoff.
Apply the Law of Common Region to group elements using containers, backgrounds, and boundaries.
Define component variants and states systematically for Figma. Use when asked to plan component variants, define states for a component, set up a Figma variant matrix, or work out what properties a component needs before building it. Produces a complete variant matrix with all properties, values, and combinations needed.
Obsidian's UI design system. Use when building interfaces inspired by Obsidian's aesthetic - dark mode, Inter font, 4px grid.
Monzo's UI design system. Use when building interfaces inspired by Monzo's aesthetic - light mode, Inter font, 4px grid.