Skip to content
TrustedSkillsbeta
Back to all skills

Refero Design

Listed
referodesign·vlatest·other·MIT

Generates design concepts and visual mockups based on textual descriptions, ideal for rapid prototyping and ideation.

Repository

Install on your platform

Showing Claude Code. One command installs this skill into any of the agents below.

  1. 1

    Run this in your project

    terminal
    $ npx skills add referodesign/refero_skill --skill refero-design -a claude-code

  2. Uses the open-source skills CLI and needs Node.js. Add -g to install it for your user instead of this project.

What we know about this skill

Publisher

referodesign

Taken from the source listing. We haven't verified who controls this account.

Install target

Live repository

Not pinned. Installing fetches whatever the repository holds at the time you run the command.

No human has reviewed this code. The checks below are a static scan of the files at one commit — nobody has run this skill or judged whether it works. A skill runs with whatever access you give your agent, so read the source before you install it.

Automated safety checks

scanned

This skill failed 1 of 6 checks. A failure is not proof of bad intent; it means something in the code needs a human to look at it before you run it.

  • No undeclared network calls: failed

    Contacts 1 host that is neither well-known infrastructure nor declared in the skill's frontmatter: api.refero.design.

    Every host the skill dials — from its scripts, its config endpoints or the commands it tells the agent to run — is either well-known package and API infrastructure or declared in its own frontmatter. Links in documentation are not counted.

    Hosts contacted

    api.refero.designundeclared

    What it found

    • skills/refero-design/SKILL.md:66contacts api.refero.design
      claude mcp add --transport http refero https://api.refero.design/mcp

  • Declares what it does: passed

    SKILL.md parses and declares a name and a description.

    SKILL.md exists, its frontmatter parses, and it declares a name and a description.

  • No obfuscated payloads: passed

    No encoded or obfuscated payloads.

    No base64, hex or compressed blob is decoded and then executed, and no encoded shell commands.

  • No credential access: passed

    Reads no keys, tokens, keychains or credential files.

    Neither the code nor the SKILL.md instructions read SSH keys, cloud credentials, keychains, token stores, browser cookie databases or dotfiles that hold secrets.

  • No pipe-to-shell installers: passed

    No pipe-to-shell or download-and-run installers.

    No `curl … | sh` pattern, in the code or in the instructions, that runs code fetched at run time.

  • Pinned to a commit: passed

    Scanned referodesign/refero_skill at a9b54a3e62.

    The exact upstream commit SHA that was scanned is recorded, so the result refers to specific bytes.

Commit
a9b54a3e62
Manifest
skills/refero-design/SKILL.md
Scanned
12 files, 3,966 lines
This is a static scan, not a review. It reads the skill's files; it does not run them, and it cannot tell you whether the skill is any good or whether the code does what its description says. A skill runs with whatever access you give your agent.
What each check looks for →

About this skill

What it does

Refero Design generates design concepts and visual mockups based on textual descriptions. It leverages a research-first approach, encouraging users to study existing products to inform their designs and build a solid foundation (approximately 80%) before adding unique elements that define the product's identity (the remaining 20%). The skill guides users through a structured workflow to create design briefs and extract patterns from reference materials.

When to use it

  • Rapid prototyping of user interfaces for various screen types and platforms.
  • Ideation and exploration of different design approaches.
  • Creating mockups when needing inspiration or a starting point based on existing product examples.
  • When seeking to understand the tactics used by top-performing products in a specific area.
  • To inform design decisions with data-driven insights rather than relying solely on intuition.

Key capabilities

  • Design Brief Generation: Creates structured briefs outlining project goals, target audience, desired tone, and key objectives based on user input.
  • Research Guidance: Provides strategies for researching existing products, focusing on specific UI elements and tactics (e.g., "pricing toggle," "testimonial carousel").
  • Pattern Identification: Facilitates the analysis of research materials to identify recurring design patterns and best practices.
  • Workflow Structure: Guides users through a four-phase process: Discovery, Research, Analyze, Design.

Example prompts

  • "Create a design brief for an onboarding screen for a mobile app targeting young adults that needs to feel energetic and help them get started without friction."
  • "I'm designing a pricing comparison table. Show me examples of how other companies display this information."
  • “Generate a design brief for a waitlist page, focusing on making users feel they are not missing out.”

Tips & gotchas

  • Discovery is Key: Always start by defining the "WHAT," "WHO," "GOAL," and other aspects of your project using the provided questions before beginning research.
  • Focus on Specifics: When researching, query for concrete UI elements (e.g., “feature comparison table”) rather than abstract concepts.
  • References are a Foundation: Remember that Refero Design helps build a base; it's crucial to add your own unique design choices and personality.