expressive
FreeVibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure.
The English summary is being prepared. Showing the original description.
2.1K skills · sorted by relevance
Vibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure.
The English summary is being prepared. Showing the original description.
Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.
The English summary is being prepared. Showing the original description.
Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.
The English summary is being prepared. Showing the original description.
Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.
The English summary is being prepared. Showing the original description.
Polished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity.
The English summary is being prepared. Showing the original description.
Graceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.
The English summary is being prepared. Showing the original description.
Clean, high-contrast enterprise design for data-driven workflows with intuitive drag-and-drop patterns and structured layouts.
The English summary is being prepared. Showing the original description.
Chinese-first internal-tool / ops dashboard template — light-mode Linear-grade layout with serif headlines, tabular Inter numerals, KPI hero, pulse bars, progress rings, team-presence grid, activity timeline, and CJK-aware typography.
The English summary is being prepared. Showing the original description.
Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.
The English summary is being prepared. Showing the original description.
Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.
The English summary is being prepared. Showing the original description.
Professional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns.
The English summary is being prepared. Showing the original description.
Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.
The English summary is being prepared. Showing the original description.
App dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-first workflows.
The English summary is being prepared. Showing the original description.
Hand-drawn paper-wireframe template — white paper background, monochromatic ink palette, SVG turbulence "wobble" filters for pen-quiver authenticity, handwritten fonts (Caveat / Kalam / Ma Shan Zheng / Long Cang), wavy dividers, sketch-rect overlays, marginalia annotations. For PRD illustrations, IA flow docs, low-fidelity layout exploration, "draft / not final" stakeholder communication. Three skeletons (single-page editorial / app multi-screen flow / IA sitemap) — pick one up front based on the artifact, do NOT inherit only the brush strokes.
The English summary is being prepared. Showing the original description.
Current-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.
The English summary is being prepared. Showing the original description.
Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.
The English summary is being prepared. Showing the original description.
Bidirectional Figma skill — read designs and write back to Figma. READ: extract tokens, map Vue/Reka UI components, translate Auto Layout to Tailwind. WRITE: push components, screens, and design tokens from code to Figma. Requires /figma:figma-use skill before every use_figma call.
The English summary is being prepared. Showing the original description.
Compõe a peça final no Figma sobre os ativos gerados — texto, marca, layout e grid. Camada OPCIONAL: use quando houver Figma conectado e o time precisar do arquivo editável. Dispara em "montar no Figma", "compor a peça", "colocar o texto na imagem", "aplicar a marca", "arquivo editável". Sem Figma, entrega especificação de composição.
The English summary is being prepared. Showing the original description.
Create visual designs, graphics, and layouts using HTML Canvas API or design tools for data visualization, graphics, animations, and interactive visual content. Use when creating data visualizations, building interactive graphics, implementing drawing tools, creating charts and diagrams, building game graphics, implementing image manipulation, or creating dynamic visual content.
The English summary is being prepared. Showing the original description.
Build efficient React applications using Next.js Server Components that render on the server, reducing client bundle size, improving performance, and enabling direct database access. Use when fetching data server-side, reducing JavaScript bundle size, accessing databases directly in components, implementing streaming with Suspense, creating layouts that only render once, optimizing Core Web Vitals, or building SEO-friendly applications with server-first architecture.
The English summary is being prepared. Showing the original description.
Create consistent, scalable design systems using Tailwind CSS utility classes with custom themes, design tokens, and responsive design patterns. Use when building design systems, implementing custom themes, creating reusable utility patterns, configuring Tailwind theme extensions, implementing dark mode, building responsive layouts, creating design tokens, using arbitrary values, or establishing consistent spacing and typography scales.
The English summary is being prepared. Showing the original description.
Build modern Next.js 13+ applications using App Router architecture with Server Components, Client Components, and advanced routing patterns. Use when implementing server-first rendering, creating nested layouts, building parallel routes, implementing intercepting routes, using React Server Components, optimizing data fetching with server-side async components, implementing streaming with Suspense, managing client-side interactivity boundaries, or leveraging Next.js 13+ app directory features for performant, SEO-friendly React applications.
The English summary is being prepared. Showing the original description.
Fast headless browser for QA testing and site dogfooding. Navigate any URL, interact with elements, verify page state, diff before/after actions, take annotated screenshots, check responsive layouts, test forms and uploads, handle dialogs, and assert element states. ~100ms per command. Use when you need to test a feature, verify a deployment, dogfood a user flow, or file a bug with evidence. Use when asked to "open in browser", "test the site", "take a screenshot", or "dogfood this". (gstack)
The English summary is being prepared. Showing the original description.
Design finalization: generates production-quality Pretext-native HTML/CSS. Works with approved mockups from /design-shotgun, CEO plans from /plan-ceo-review, design review context from /plan-design-review, or from scratch with a user description. Text actually reflows, heights are computed, layouts are dynamic. 30KB overhead, zero deps. Smart API routing: picks the right Pretext patterns for each design type. Use when: "finalize this design", "turn this into HTML", "build me a page", "implement this design", or after any planning skill. Proactively suggest when user has approved a design or has a plan ready. (gstack) Voice triggers (speech-to-text aliases): "build the design", "code the mockup", "make it real".
The English summary is being prepared. Showing the original description.