Design e Frontend
16.414 skills encontradas
Alerta por categoria
Receba novas skills de Design e Frontend toda segunda
Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.
design-system-creation
Complete workflow for creating distinctive design systems from scratch. Orchestrates aesthetic documentation, token architecture, components, and motion. Use when starting a new design system or refactoring an existing one. Triggers on create design system, design tokens, design system setup, visual identity, theming.
wireframe-to-3d
Esta skill converte desenhos 2D ortográficos de wireframe PNG em modelos 3D do Blender, exportados como glTF/GLB. Ela é usada quando o usuário fornece imagens de wireframe (como desenhos técnicos ou de linha) para gerar um modelo 3D ou arquivo .glb.
api-and-interface-design
Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type contracts between modules, or establishing boundaries between frontend and backend.
react-composition-patterns
A curated collection of 115 skills, 16 agents, and 48 commands for Claude Code and Cursor.
journal-landscape-guide
Maps the academic publishing landscape for a given field — explaining which journals matter, what they signal about credibility, and where preprints fit — so journalists can navigate scientific literature without prior academic training.
sketch
Throwaway HTML mockups: 2-3 design variants to compare.
editorial-writer
Drafts a publication editorial — a structured opinion piece written in the collective institutional voice of a publication's editorial board, arguing a clear position on a specific issue of public concern.
planning-and-task-breakdown
Breaks work into ordered tasks. Use when you have a spec or clear requirements and need to break work into implementable tasks. Use when a task feels too large to start, when you need to estimate scope, or when parallel work is possible.
tech-product-landing
Build production-grade landing pages for software/CLI tools, developer libraries, and technical products. Uses the "Maxsim-style" design system: dark theme, blue accent glows, framer-motion animations, geometric hero grid, marquee tech stack, tabbed docs, and timeline how-it-works sections. Trigger when user says "create a landing page for my software", "build a product site", "make a landing page
using-superpowers
Use when starting any conversation - establishes how to find and use skills, requiring Skill tool invocation before ANY response including clarifying questions
style-guide-formatter
Applies a named style guide — AP, Chicago, or a custom house style — to a manuscript, flagging and correcting capitalisation, punctuation, number formatting, abbreviations, and usage inconsistencies throughout.
running-order-builder
Builds a complete radio programme running order with timed segments, item slugs, durations, presenter notes, and transition guidance from a list of planned content.