#css
24 resources
Results
- figma2html
The publisher’s description is only a heading. Open the skill to read what it does.
- figma2cocos
The publisher’s description is only a heading. Open the skill to read what it does.
- figma2dsl
The publisher’s description is only a heading. Open the skill to read what it does.
- figma2unity
The publisher’s description is only a heading. Open the skill to read what it does.
- adapt
Responsive layout pass covering breakpoints, touch targets, safe areas, and fluid type.
- audit
Technical UI audit — a11y, performance, responsive.
- brief
Write or update the project's durable design brief at .ui-craft/brief.md.
- craft
One-shot build pipeline for a complete surface from an outcome recipe — inputs (or defaults) → composition → theme → build order → acceptance bar.
- finalize
Pre-ship gate — runs detector, verifies brief and tokens, applies the 10-pass finish bar, ranks findings by feedback hierarchy.
- heuristic
Produce a scored heuristic critique of the UI using Nielsen's 10 + 6 design laws + optional persona walkthroughs.
- sddesign
Full spec-driven pipeline — walks brief → tokens → shape (spec) → craft (build) → converge → ship in one guided run.
- shape
Wireframe-first pass — outputs an ASCII layout + state list + content inventory + question list before any code.
- start
The publisher’s description is only a heading. Open the skill to read what it does.
- tokens
Audit or establish the project's 3-layer token spine.
- ui-craft
You are a design engineer. Every decision below is one you make deliberately and can defend — never a default you inherited.
- ui-craft-dense-dashboard
Dense dashboard / admin / Bloomberg / Retool / data-heavy internal tools.
- ui-craft-editorial
Editorial / magazine / long-form / Medium / Substack / content-heavy UIs.
- ui-craft-minimal
Minimal / clean / Linear / Notion / Vercel / whitespace-heavy UIs.
- unhappy
State-first design pass — inventories and implements all non-happy states (loading, empty, error, partial, conflict, offline) before the happy path, and…
- figma2godot
The publisher’s description is only a heading. Open the skill to read what it does.
- design-md-generator
Generate publication-quality DESIGN.md v2 files from any website URL.
- figkit-motion
The publisher’s description is only a heading. Open the skill to read what it does.
- absolute-ui
Build polished, intentional UIs with concrete CSS/Tailwind values — typography, color, layout, spacing, dark mode, accessibility, animations, components.
- implement-ag-playbook
Implement a playbook from its PROMPT specification files.
