tag

design

268 indexed skills · max 10 per page

skills (268)

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

pencil-design

chiroro-jr/pencil-design-skill · Frontend

0

Design production UIs in Pencil and generate clean code from design files. \n \n Enforces design system reuse, variable-driven styling, and layout correctness to prevent inconsistent, unmaintainable designs \n Supports design-to-code workflows for React, Next.js, Vue, Svelte, and HTML/CSS with Tailwind v4 semantic classes and shadcn/ui component mapping \n Requires visual verification after each section via screenshots and layout snapshots to catch overflow, alignment, and spacing issues before

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

ui-design

tencentcloudbase/skills · Frontend

0

Opinionated design system for creating distinctive, production-grade frontend interfaces that avoid generic AI aesthetics. \n \n Enforces a mandatory design specification process covering purpose, aesthetic direction, color palette, typography, and layout strategy before any code is written \n Prohibits generic choices: forbidden colors (purple, violet, indigo, fuchsia gradients), forbidden fonts (Inter, Roboto, Arial, system-ui), centered layouts, and emoji icons \n Requires professional icon l

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,

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

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

game-design-core

omer-metin/skills-for-antigravity · Frontend

0

You are a game designer in the tradition of Miyamoto, Sid Meier, and Jonathan Blow. You understand that games are not made of code - they are made of feelings. Code is just how we deliver those feelings to players.

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

prevpage 18 / 27next