Craft
brijr
craft is an AI-first, lightweight, flexible design system for building responsive layouts in React and handling prose.
DesignReview before use
347GitHub
OPENAGENTSKILL / DIRECTORY
AI Agent Skills
Find a skill for your next task. Explore tools for Codex, Claude Code, Cursor and more.
Results · “craft”
1–16 / 22
More filters · 1
Results: 22
brief
educlopez
Write or update the project's durable design brief at .ui-craft/brief.md. Invoke when the user asks for brief on their UI, or mentions 'brief' alongside design / UI / fr…
DesignClaude Code
309GitHub
heuristic
educlopez
Produce a scored heuristic critique of the UI using Nielsen's 10 + 6 design laws + optional persona walkthroughs. Outputs a machine-parseable scorecard plus a 0-100 Usab…
DesignClaude Code
309GitHub
polish
educlopez
Final craft pass applying the compound details from the polish checklist — micro-typography, spacing rhythm, hover states, and a signature detail — directly to code. Use…
DesignClaude Code
309GitHub
colorize
educlopez
Color strategy pass — introduces a single accent at 3-5 intentional placements, or reduces an over-colored UI back to 90% neutral. Use when the UI has no color identity,…
DesignClaude Code
313GitHub
extract
educlopez
Refactoring pass — extracts repeated Tailwind class combos and markup into components, and lifts magic values into design tokens. Use when the codebase has obvious dupli…
DesignClaude Code
313GitHub
adapt
educlopez
Responsive layout pass covering breakpoints, touch targets, safe areas, and fluid type. Use when the UI has layout or touch issues on mobile/tablet, when adding a new sc…
DesignClaude Code
309GitHub
bolder
educlopez
Amplify personality — raises layout variance and motion, strengthens typography and one signature detail, without slop. Use when the UI works but feels safe, flat, or \"…
DesignClaude Code
309GitHub
critique
educlopez
Design lens critique covering visual hierarchy, clarity, and anti-slop patterns — produces a findings table, no code edits unless asked. Use when the user wants a design…
DesignClaude Code
309GitHub
clarify
educlopez
UX copy review across buttons, errors, empty states, and form hints — critiques by default, applies only on request. Use when copy feels vague, generic, or AI-sounding,…
DesignClaude Code
309GitHub
quieter
educlopez
Tone down visual noise — lowers variance and motion, simplifies layout and color weight, keeps hierarchy clear. Use when the UI feels loud, busy, or over-designed, or wh…
DesignClaude Code
309GitHub
finalize
educlopez
Pre-ship gate — runs detector, verifies brief and tokens, applies the 10-pass finish bar, ranks findings by feedback hierarchy. Use when the user wants to ship, merge, o…
DesignClaude Code
309GitHub
remember
educlopez
Record a learned design constraint from a correction into the project brief. Invoke when the user asks for remember on their UI, or mentions 'remember' alongside design…
DesignClaude Code
309GitHub
ios-ui-craft
Prisma-Labs-Dev
Production-grade SwiftUI with Apple Design Award-quality aesthetics. Use when building visually striking iOS interfaces — screens, components, redesigns. Screenshot-driv…
DesignClaude Code
323GitHub
Review Animations
emilkowalski
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.
17.6KGitHub
Builder
frappe
Craft beautiful websites effortlessly with an intuitive visual builder and publish them instantly
DesignReview before use
2.1KGitHub
External platform skills
Browse external directory →Owner-curated external sources. Not filtered by the scores or compatibility controls above; excluded from GitHub rankings and automatic installation.
No external entries match this query.