Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
Refero Design provides a research-first methodology for product designers and frontend engineers to avoid generic AI outputs. By utilizing three distinct research layers—styles for visual direction, screens for UI patterns, and flows for journey logic—it ensures every design decision is grounded in actual app references before implementation.
The skill replaces reliance on a model's generic taste with a structured workflow of reference locks and decision ledgers. It helps teams synthesize high-fidelity CSS, design systems, and multi-step user journeys by studying strong real-world examples rather than averaging results into a safe middle.
Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.
Existing brand, accessibility, framework, or deadline constraints
Optional reference URLs or file paths
Optional live Refero MCP connection; a paid Refero plan is required for live research
Use the refero-design skill to research a visual direction for [product or page]. Start from this brief: audience [audience], primary goal [goal], desired feeling [brand direction], and constraints [constraints]. Use live Refero styles when available; otherwise use the bundled craft references and any references I provide at [reference URLs or file paths]. Return a concise brief, name the references considered, choose one dominant direction, and produce a token direction and decision ledger. Do not implement the design yet.
Optional live Refero MCP connection; a paid Refero plan is required for live research
Use the refero-design skill to research concrete UI patterns for [screen or page type] on [web or iOS]. The audience is [audience] and their primary goal is [goal]. Study several references, identify useful page structure, content hierarchy, states, copy, and components, then recommend one coherent pattern direction with the specific choices to adapt. Do not code the screen yet. If live Refero MCP is unavailable, use bundled craft references and the references at [reference URLs or file paths].
Optional live Refero MCP connection; a paid Refero plan is required for live research
Use the refero-design skill to research and outline a compact flow for [multi-step journey] on [web or iOS]. The user is [audience], their goal is [goal], and the main objection or failure risk is [objection]. Compare several references and return the recommended step sequence, decisions, friction points, recovery paths, and system responses. Do not design or implement screens yet. If live Refero flows are unavailable, use bundled craft references and any flow references at [reference URLs or file paths].
Claude
Codex
Cursor
Gemini CLI