tag

design

302 indexed skills · max 10 per page

skills (302)

running-design-reviews

refoundai/lenny-skills · Frontend

0

Framework for running design reviews using feedback hierarchy and structured critique. \n \n Prioritize feedback by value first (does it solve the problem?), then usability, then delight; defer aesthetic concerns until core value is validated \n Assign senior leaders as project sponsors to oversee quality through live demos and review 100% of shipped screens before launch \n Structure reviews around specific feedback requests; ask presenters exactly what type of input they need rather than openi

book-cover-design

inference-sh/skills · Frontend

0

Create genre-appropriate book covers with AI image generation via inference.sh CLI.

refero-design

referodesign/refero_skill · Frontend

0

$22

database-design

sickn33/antigravity-awesome-skills · Frontend

0

Structured guidance for database selection, schema design, and query optimization decisions. \n \n Covers six core areas: database selection (PostgreSQL, Neon, Turso, SQLite), ORM choice (Drizzle, Prisma, Kysely), schema normalization, indexing strategy, query optimization, and safe migrations \n Emphasizes context-driven decision-making rather than defaulting to PostgreSQL; includes a checklist for schema design prerequisites \n Highlights common anti-patterns: unnecessary PostgreSQL adoption,

design-systems

refoundai/lenny-skills · Frontend

0

Framework-based guidance for building and scaling design systems from product leaders at Figma and Airbnb. \n \n Covers four core principles: separating conceptual design from production output, leveraging design systems for organizational scaling, creating self-teaching assets, and evolving beyond flat design toward dimensional interfaces \n Provides assessment questions to determine scope (component library, tokens, documentation), adoption strategy, and success metrics \n Flags common pitfall

ui-design-system

davila7/claude-code-templates · Frontend

0

Design system toolkit for generating tokens, documenting components, and enabling design-dev handoff. \n \n Generates complete design tokens (colors, typography, spacing, shadows, animations) from a single brand color in multiple formats (JSON, CSS, SCSS) \n Includes three style presets (modern, classic, playful) and an 8pt spacing grid system with responsive breakpoints \n Covers component architecture, accessibility compliance, and developer handoff documentation for maintaining visual consist

canvas-design

composiohq/awesome-claude-skills · Frontend

0

Create original visual designs by developing aesthetic philosophies, then expressing them through meticulously crafted .png or .pdf artwork. \n \n Two-step process: first generate a design philosophy manifesto (4–6 paragraphs articulating visual principles around form, space, color, and composition), then express it as a single-page or multi-page visual artifact \n Emphasizes sparse, essential-only text integrated as visual element; ideas communicate through spatial relationships, color zones, t

figma-implement-design

openai/skills · Frontend

0

Translate Figma designs into production-ready code with pixel-perfect visual fidelity. \n \n Structured seven-step workflow: extract node IDs from Figma URLs, fetch design context and screenshots, download assets, translate to project conventions, and validate against Figma specs \n Integrates with Figma MCP server (remote or desktop) to access layout properties, typography, colors, design tokens, and component structure \n Emphasizes design system reuse, design token mapping, and 1:1 visual par

design-sprint

wondelai/skills · Frontend

0

A five-day process for answering critical business questions through design, prototyping, and testing ideas with customers. Developed at Google Ventures and used by Google, Slack, Airbnb, and hundreds of startups.

frontend-design

mager/frontend-design · Frontend

0

Dark-first UI design with neon accents, monospace typography, and visual discovery patterns for addictive interfaces. \n \n Emphasizes dark themes (rich blacks), terminal-inspired typography (JetBrains Mono + Space Grotesk), and neon color accents (cyan, purple, lime, coral) paired with CSS custom properties for swappable theming \n Prioritizes tactile interactions: hover lifts, staggered animations, glow effects, and micro-interactions that reward exploration and scrolling \n Recommends signatu

prevpage 24 / 31next